|
導(dǎo)讀微信小程序,簡(jiǎn)稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一... 微信小程序,簡(jiǎn)稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一項(xiàng)門檻非常高的創(chuàng)新,經(jīng)過(guò)將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。 老規(guī)矩,直接上代碼了。 handleCancelPic() { let id = this.data.dbId; wx.chooseImage({ count: 3, // 默認(rèn)9 sizeType: ['compressed'], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有 sourceType: ['album', 'camera'], // 可以指定來(lái)源是相冊(cè)還是相機(jī),默認(rèn)二者都有 success: res => { // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片 var tempFilePaths = res.tempFilePaths;
this.setData({ src: tempFilePaths }) upload(this,tempFilePaths,'',''); } }) } 然后一個(gè)封裝好的方法function upload(page, path,way,id) { console.log(path) wx.showToast({ icon: "loading", title: "正在上傳" }); var test = [], that = this; for (var i = 0; i<path.length; i++) { wx.uploadFile({ url: api.CancelImg, filePath: path[i], name: 'file', header: { "Content-Type": "multipart/form-data" }, success: res => { test.push(res); wx.setStorageSync('cancelImg',test) console.log(test) if (res.statusCode != 200) { wx.showModal({ title: '提示', content: '上傳失敗', showCancel: false }) return; }else { wx.showModal({ title: '提示', content: '上傳成功', showCancel: false }) } }, fail: function (e) { console.log(e); wx.showModal({ title: '提示', content: '上傳失敗', showCancel: false }) }, complete: function () { wx.hideToast(); //隱藏Toast } }) }
這個(gè)是多個(gè)圖片上傳的方法,單個(gè)圖片上傳的話,把循環(huán)去掉就好。主要是因?yàn)槲⑿殴俜侥J(rèn)的就是一次上傳一張圖片這個(gè)很蛋疼。只能這么搞了。。。
相信看了本文案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章! 推薦閱讀: 微信小程序開發(fā)容器視圖的使用
微信小程序開發(fā)中Android請(qǐng)求失敗如何處理 以上就是微信小程序開發(fā)中怎樣實(shí)現(xiàn)圖片上傳的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶掃一掃或者搜一下即可打開應(yīng)用。
|