當前位置:首頁 » 文件傳輸 » 圖片批量上傳排序vue
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

圖片批量上傳排序vue

發布時間: 2023-06-04 06:11:50

A. 手機里的照片傳到電腦順序都亂了,怎麼按照時間順序排序

1、首先,新建文件夾,把所有圖片都放入到同一個文件夾中。給這個文件夾重命名,如 《我的圖片》。

B. 小程序批量圖片按選擇順序上傳

wxml:

js:

C. Vue 上傳圖片到七牛雲實用攻略

vue 一般採用element  的upload 上傳圖片/文件。

首先,設定參數

參考Element  upload  文檔

其次,如圖所示,重點在於domain和qiniuaddr兩個參數!     參考 七牛雲存儲圖片域名文檔

然後  上傳一定要先獲取到七牛雲token!我是採用axios  post獲取。

接著,把返回的 file.name賦值給 key

this.QiNiuYun.key = `name_${file.name}`;

如圖 上傳成功/錯誤處理 函數

大功告成!

補充:

1.    this.uploadImageUrl  這個變數實際上是  圖片真正的URL-----https地址!!!

2.    該方法是針對單圖上傳,如果想多圖    將data 內的參數   limit:1   修改為需要的圖片數量    !!!

3.     注意!當後台需要你傳遞多張圖片的url時,可採用 此方法!!!

 //拼接 url

                if(this.uploadImageList===''){

                    this.uploadImageList= this.uploadImageUrl;

                }else{

                    this.uploadImageList=this.uploadImageList+';'+ this.uploadImageUrl;

                }