1. 程式人生 > >微信小程序選擇並上傳圖片

微信小程序選擇並上傳圖片

temp 文件路徑 pfile api 完成 通過 更改 ima pat

 
上傳圖片
API: wx.chooseImage() 和 wx.uploadFile()
wx.chooseImage({
  count: 1, // 默認9
  sizeType: [‘original‘, ‘compressed‘], // 可以指定是原圖還是壓縮圖,默認二者都有
  sourceType: [‘album‘, ‘camera‘], // 可以指定來源是相冊還是相機,默認二者都有
  success: function(res) {
    console.log(res.tempFiles); // 圖片的本地文件列表,每一項是一個file對象
    // 結果: [{path: "http://tmp/wx0ffcd03a1dfdc451.o6zAJs7JDPzeAscW09c_BG24fpdU.6919dfcada671055948023075afd859a.jpg", size: 61034}, ...]
console.log(res.tempFilePaths); // 圖片的本地文件路徑列表 // 結果: ["http://tmp/wx0ffcd03a1dfdc451.o6zAJs7JDPzeAscW09c_BG24fpdU.6919dfcada671055948023075afd859a.jpg"] var tempFilePaths = res.tempFilePaths; wx.uploadFile({ url: ‘/your_url/receive_file‘, // 圖片上上傳的地址,請求方式默認為POST且不可更改 filePath: tempFilePaths[0], //
要上傳的文件的路徑,註:一次只能上傳一個文件,若要上傳多張圖片,請使用遞歸 name: ‘file‘, // 文件對應的鍵名,後端可以通過這個key獲取到文件的二進制內容 formData:{ ‘user_id‘: ‘123‘, ‘name‘: ‘Jack‘, ‘age‘: 18 }, success: function(res){ var data = res.data //do something } }) } })
如果需要上傳多張圖片,那麽需要把wx.uploadFile()封裝成一個函數,判斷圖片上傳是否完成,如果沒有完成,則一直調用這個函數,否則,圖片上傳完成。
 

微信小程序選擇並上傳圖片