老規(guī)矩，直接上代碼了。
<span style="font-size: 14px;">handleCancelPic() { let id = this.data.dbId;<br/> wx.chooseImage({<br/> count: 3, // 默認(rèn)9<br/> sizeType: ['compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有 sourceType: ['album', 'camera'], // 可以指定來源是相冊(cè)還是相機(jī)，默認(rèn)二者都有<br/> success: res => {<br/> // 返回選定照片的本地文件路徑列表，tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片<br/> var tempFilePaths = res.tempFilePaths;<br/><br/> this.setData({<br/> src: tempFilePaths<br/> })<br/> upload(this,tempFilePaths,'','');<br/> }<br/> })<br/> }<br/>然后一個(gè)封裝好的方法function upload(page, path,way,id) {<br/> console.log(path)<br/> wx.showToast({<br/> icon: "loading",<br/> title: "正在上傳"<br/> });<br/> var test = [],<br/> that = this; for (var i = 0; i<path.length; i++) {<br/> wx.uploadFile({<br/> url: api.CancelImg,<br/> filePath: path[i], <br/> name: 'file',<br/> header: { "Content-Type": "multipart/form-data" },<br/> success: res => {<br/> test.push(res);<br/> wx.setStorageSync('cancelImg',test)<br/> console.log(test) if (res.statusCode != 200) { <br/> wx.showModal({<br/> title: '提示',<br/> content: '上傳失敗',<br/> showCancel: false<br/> }) return;<br/> }else {<br/> wx.showModal({<br/> title: '提示',<br/> content: '上傳成功',<br/> showCancel: false<br/> }) <br/> }<br/> },<br/> fail: function (e) {<br/> console.log(e);<br/> wx.showModal({<br/> title: '提示',<br/> content: '上傳失敗',<br/> showCancel: false<br/> })<br/> },<br/> complete: function () {<br/> wx.hideToast(); //隱藏Toast<br/> }<br/> })<br/> }<br/></span>
登錄后復(fù)制
這個(gè)是多個(gè)圖片上傳的方法，單個(gè)圖片上傳的話，把循環(huán)去掉就好。主要是因?yàn)槲⑿殴俜侥J(rèn)的就是一次上傳一張圖片這個(gè)很蛋疼。只能這么搞了。。。
相信看了本文案例你已經(jīng)掌握了方法，更多精彩請(qǐng)關(guān)注有卡有網(wǎng)。
