溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序?qū)崿F(xiàn)文件、圖片上傳功能的方法

發(fā)布時間：2020-06-23 09:38:38 來源：億速云 閱讀：1753 作者：清晨 欄目：web開發(fā)

不懂微信小程序?qū)崿F(xiàn)文件、圖片上傳功能的方法？其實想解決這個問題也不難，下面讓小編帶著大家一起學習怎么去解決，希望大家閱讀完這篇文章后大所收獲。方法如下：


1、在微信公眾號平臺設置uploadFile合法域名

點擊設置-開發(fā)設置，可以看到服務器域名，點擊修改，設置一下你的uploadFile合法域名。

微信小程序?qū)崿F(xiàn)文件、圖片上傳功能的方法

否則會出現(xiàn)以下錯誤。

微信小程序?qū)崿F(xiàn)文件、圖片上傳功能的方法

2、使用wx.chooseImage和wx.uploadFile實現(xiàn)圖片上傳

代碼如下

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圖片上傳

感謝你能夠認真閱讀完這篇文章，希望小編分享微信小程序?qū)崿F(xiàn)文件、圖片上傳功能的方法內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手