最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序?qū)崿F(xiàn)同時上傳多張圖片

 更新時間:2020年02月03日 14:23:06   作者:文龍z  
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)同時上傳多張圖片,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了微信小程序?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í)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Javascript取整函數(shù)及向零取整幾種常用的方法

    Javascript取整函數(shù)及向零取整幾種常用的方法

    這篇文章主要介紹了Javascript取整函數(shù)及向零取整幾種常用的方法,每種方法都有其特點和適用場景,推薦使用Math.trunc(),因為它語義明確、代碼易讀且性能較好,需要的朋友可以參考下
    2025-01-01
  • 純js實現(xiàn)輪播圖效果

    純js實現(xiàn)輪播圖效果

    這篇文章主要為大家詳細介紹了純js實現(xiàn)輪播圖效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù)

    Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù)

    這篇文章主要介紹了Javascript連接數(shù)據(jù)庫查詢并插入數(shù)據(jù),下面文章圍繞主題展開詳細內(nèi)容,具有一的參考價值,需要的小伙伴可以參考一下,希望對你的學(xué)習(xí)有所幫助
    2022-03-03
  • uniapp實現(xiàn)微信H5掃碼功能的完整步驟

    uniapp實現(xiàn)微信H5掃碼功能的完整步驟

    在uni-app官網(wǎng)上發(fā)現(xiàn)uni-app不支持H5掃碼功能,但是下面的提示說明可以通過微信的JS-SDK實現(xiàn)掃碼功能,下面這篇文章主要給大家介紹了關(guān)于uniapp實現(xiàn)微信H5掃碼功能的完整步驟,需要的朋友可以參考下
    2022-11-11
  • js 把字符串當(dāng)函數(shù)執(zhí)行的方法

    js 把字符串當(dāng)函數(shù)執(zhí)行的方法

    一段字符串 里面包含了 要執(zhí)行的函數(shù)和參數(shù)等,需要去執(zhí)行這段字符串。
    2010-03-03
  • 最新評論

    卫辉市| 焦作市| 阳山县| 广元市| 湖北省| 思茅市| 华蓥市| 土默特左旗| 眉山市| 贵德县| 乌鲁木齐市| 格尔木市| 东光县| 和龙市| 剑阁县| 蒲江县| 西昌市| 双桥区| 孟村| 湖州市| 通化市| 河津市| 花莲县| 德兴市| 托克托县| 左权县| 肥乡县| 台中市| 阿瓦提县| 秦皇岛市| 延边| 来宾市| 龙山县| 南昌县| 乐亭县| 南部县| 利辛县| 吐鲁番市| 桐柏县| 旅游| 屏边|