微信小程序?qū)崿F(xiàn)同時上傳多張圖片
本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)同時上傳多張圖片的具體代碼,供大家參考,具體內(nèi)容如下
1.圖片選擇后,路徑已經(jīng)存入list中:
data: {
images: [], //選擇的圖片
},
2.調(diào)用遞歸上傳的方法:
wx.chooseImage({
var that = this
count: 9,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: function(res){
var successUp = 0; //成功,初始化為0
var failUp = 0; //失敗,初始化為0
var length = that.data.images.length; //總共上傳的數(shù)量
var count = 0; //第幾張,初始化為0
var url = serverUrl + '/secondHand/uploadImg?id=' + secondHandId; //上傳的接口
//調(diào)用上傳圖片的公共函數(shù)
that.uploadOneByOne(url, that.data.images, successUp, failUp, count, length);
},
});
3.遞歸上傳方法:
/**
* 上傳圖片:遞歸的方式上傳
* url:上傳地址
* imgPaths:上傳的圖片列表
* successUp:上傳成功的個數(shù),初始化為0
* failUp:上傳失敗的個數(shù),初始化為0
* count:第幾張
* length:圖片列表的長度
*/
uploadOneByOne(url, imgPaths, successUp, failUp, count, length) {
var that = this;
wx.uploadFile({
url: url, //上傳地址地址
filePath: imgPaths[count],
name: "file", //后臺接收的文件名
success: function(e) {
successUp++; //成功+1
},
fail: function(e) {
failUp++; //失敗+1
},
complete: function(e) {
count++; //下一張
if (count == length) {
TODO: 上傳完畢后跳轉(zhuǎn)頁面
wx.showToast({
title: '發(fā)布成功',
icon: 'success',
duration: 2000
})
}
else {
//遞歸調(diào)用,上傳下一張
that.uploadOneByOne(url, imgPaths, successUp, failUp, count, length);
}
}
})
},
4.后臺接口:
@PostMapping("/uploadImg")
public String addSecondHandImg(String id, @RequestParam("file") MultipartFile[] files) {
//該接口被多次調(diào)用,這里寫自己的業(yè)務(wù),省略。。。
return "";
}
文章參考:微信小程序?qū)崿F(xiàn)上傳多個文件 超過10個
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 微信小程序?qū)崿F(xiàn)上傳照片代碼實(shí)例解析
- uni-app開發(fā)微信小程序之H5壓縮上傳圖片的問題詳解
- 微信小程序?qū)崿F(xiàn)云開發(fā)上傳文件、圖片功能
- 微信小程序?qū)崿F(xiàn)多文件或者圖片上傳
- 微信小程序?qū)崿F(xiàn)上傳圖片
- 微信小程序圖片上傳組件實(shí)現(xiàn)圖片拖拽排序
- 微信小程序?qū)崿F(xiàn)上傳圖片的功能
- 微信小程序?qū)崿F(xiàn)上傳多張圖片、刪除圖片
- 微信小程序?qū)崿F(xiàn)一張或多張圖片上傳(云開發(fā))
- 微信小程序?qū)崿F(xiàn)文件、圖片上傳功能
- 微信小程序?qū)崿F(xiàn)多張照片上傳功能
相關(guān)文章
JavaScript實(shí)現(xiàn)飛舞的泡泡效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)飛舞的泡泡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-02-02
詳解JavaScript+Canvas繪制環(huán)形進(jìn)度條
canvas可以在頁面中設(shè)定一個區(qū)域,再利用JavaScript動態(tài)地繪制圖像。本文將利用canvas繪制一個可以動的環(huán)形進(jìn)度條。文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動手試一試2022-02-02
Javascript取整函數(shù)及向零取整幾種常用的方法
Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù)
uniapp實(shí)現(xiàn)微信H5掃碼功能的完整步驟
js 把字符串當(dāng)函數(shù)執(zhí)行的方法

