實例名稱：多圖上傳進度提示
適用范圍：微信小程序 基礎庫1.0.1及以上

page.js中書寫代碼片段如下

Page({data:{src:''},//上傳事件upImage(e){wx.chooseImage({success (res) {const tempFilePaths = res.tempFilePathsfor(var i =1;i<=tempFilePaths.length;i++){wx.showLoading({title:'上傳中'+i+'/'+tempFilePaths.length, mask:true })wx.uploadFile({url: '你的線上文件接收服務地址/upload',filePath: tempFilePaths[i],name: 'file',formData: {},success (res){wx.hideLoading();console.log(res);//這塊就接收你后臺返回過來的圖片數據}})}}})} })

說明：wxml中用bindTap事件進行綁定即可。

總結

以上是生活随笔為你收集整理的微信小程序多图上传带进度提示的代码实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。