本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)文件圖片上傳的具體代碼,供大家參考,具體內(nèi)容如下
在我看來微信小程序的功能挺強(qiáng)大的,提供了很多API讓你直接使用。
這里我說一下微信小程序如何實(shí)現(xiàn)圖片的上傳
1、在微信公眾號平臺設(shè)置uploadFile合法域名
點(diǎn)擊設(shè)置-開發(fā)設(shè)置,可以看到服務(wù)器域名,點(diǎn)擊修改,設(shè)置一下你的uploadFile合法域名。
否則會出現(xiàn)以下錯誤。
2、使用wx.chooseImage和wx.uploadFile實(shí)現(xiàn)圖片上傳
代碼如下
wx.chooseImage({ count: 1, // 默認(rèn)9 sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認(rèn)二者都有 sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機(jī),默認(rèn)二者都有 success: function (res) { // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片 var tempFilePaths = res.tempFilePaths; wx.uploadFile({ url: 'https://...', //此處換上你的接口地址 filePath: tempFilePaths[0], name: 'img', header: { "Content-Type": "multipart/form-data", 'accept': 'application/json', 'Authorization': 'Bearer ..' //若有token,此處換上你的token,沒有的話省略 }, formData:{ 'user':'test' //其他額外的formdata,可不寫 }, success: function(res){ var data=res.data; console.log('data'); }, fail: function(res){ console.log('fail'); }, }) } })
注:目前微信小程序還不支持base64圖片上傳
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com