本文實例為大家分享了微信小程序實現文件圖片上傳的具體代碼,供大家參考,具體內容如下
在我看來微信小程序的功能挺強大的,提供了很多API讓你直接使用。
這里我說一下微信小程序如何實現圖片的上傳
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圖片上傳
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。
新聞熱點
疑難解答