您好,登錄后才能下訂單哦!
不懂微信小程序實現文件、圖片上傳功能的方法?其實想解決這個問題也不難,下面讓小編帶著大家一起學習怎么去解決,希望大家閱讀完這篇文章后大所收獲。方法如下:
1、在微信公眾號平臺設置uploadFile合法域名
點擊設置-開發設置,可以看到服務器域名,點擊修改,設置一下你的uploadFile合法域名。
否則會出現以下錯誤。
2、使用wx.chooseImage和wx.uploadFile實現圖片上傳
代碼如下
wx.chooseImage({ count: 1, // 默認9 sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖,默認二者都有 sourceType: ['album', 'camera'], // 可以指定來源是相冊還是相機,默認二者都有 success: function (res) { // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標簽的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圖片上傳
感謝你能夠認真閱讀完這篇文章,希望小編分享微信小程序實現文件、圖片上傳功能的方法內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。