国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 熱點 > 微信 > 正文

微信小程序上傳多圖到服務器并獲取返回的路徑

2024-07-22 01:18:35
字體:
來源:轉載
供稿:網友

微信小程序上傳圖片很簡單:

//點擊選擇圖片 chooseimage:function(){  var that = this;  wx.chooseImage({    count: 9, // 默認9    sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有    sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有    success: function(res) {    that.setData({     tempFilePaths: that.data.tempFilePaths.concat(res.tempFilePaths)//在已有的基礎上進行拼接    })   }  }) },

這里的setData里面是當你選擇照片之后,再一次出發函數時候,會在原有的基礎上增加照片,而不是覆蓋掉,有興趣可以看一下concat的含義

這里就選擇了照片,可以顯示在界面上

 <image class="icon-image" background-size="contain" wx:for="{{tempFilePaths}}" src='{{item}}'  data-id='{{index}}'  bindtap='delete'></image>

效果圖:


然后是多圖上傳的過程,這里我上傳到公司oss里面,源碼:

 upload:function(){  for (var i = 0; i < this.data.tempFilePaths.length; i++) {   // console.log("000")   this.upload_file(this.data.tempFilePaths[i])  } }, upload_file: function (filepath) {  var that = this; wx.uploadFile({  url: 'https://***********************/imgs',  header: {   'content-type': 'multipart/form-data'  },  filePath: filepath,  name: 'file',  formData: {   file: filepath  }, success:function(res){  that.setData({   mes:JSON.parse(res.data),   images: that.data.images.concat(JSON.parse(res.data).data.filePath)//把字符串解析成對象  })  // console.log(that.data.mes.data.filePath)  // console.log(that.data.images.length + "**********")  // wx.showToast({  //  title: 'success',  // }) }, fail: function (res) {  wx.showToast({   title: '圖片加載失敗',  }) } }) }

其實到這里都沒有太大的問題。

但是當我點擊提交的時候,就會出現圖片為空的問題,這是因為,我們在提交的事件中肯定是先寫上傳圖片的方法,

讓后是提交的方法,但是由于微信小程序是異步,在for循環沒有執行完就觸發了提交的事件,這造成圖片為空的問題。

我搜了很多答案出來,但是由于是接觸不久,完全沒看懂,什么Promis之類的,只能自己想辦法,就在選擇圖片的時候就把圖片上傳了,然后返回路徑:

 //點擊選擇圖片 chooseimage:function(){  var that = this;  wx.chooseImage({    count: 9, // 默認9    sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有    sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有    success: function(res) {    that.setData({     tempFilePaths: that.data.tempFilePaths.concat(res.tempFilePaths)//在已有的基礎上進行拼接    })    that.upload();    that.setData({     temp: that.data.tempFilePaths.length//用來解決 for 循環比 異步 快    })   }  }) },            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 万宁市| 横山县| 临汾市| 同德县| 宁国市| 东辽县| 韩城市| 富蕴县| 芮城县| 台中市| 定陶县| 宜阳县| 阿合奇县| 清水县| 文山县| 开封县| 壶关县| 库尔勒市| 弥渡县| 竹山县| 浮山县| 大洼县| 雅安市| 香河县| 泗洪县| 县级市| 泊头市| 全椒县| 乐平市| 汝南县| 阿尔山市| 郑州市| 平乡县| 吐鲁番市| 汝城县| 乐平市| 吉安县| 嫩江县| 沂源县| 和平县| 潜江市|