微信小程序多图上传带进度提示的代码实例
生活随笔
收集整理的這篇文章主要介紹了
微信小程序多图上传带进度提示的代码实例
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
實(shí)例名稱:多圖上傳進(jìn)度提示
適用范圍:微信小程序 基礎(chǔ)庫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: '你的線上文件接收服務(wù)地址/upload',filePath: tempFilePaths[i],name: 'file',formData: {},success (res){wx.hideLoading();console.log(res);//這塊就接收你后臺返回過來的圖片數(shù)據(jù)}})}}})} })說明:wxml中用bindTap事件進(jìn)行綁定即可。
總結(jié)
以上是生活随笔為你收集整理的微信小程序多图上传带进度提示的代码实例的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 线性筛法--有测试代码
- 下一篇: 简单英文题 25 Sequence Se