微信小程序選擇並上傳圖片
阿新 • • 發佈:2018-01-21
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()封裝成一個函數,判斷圖片上傳是否完成,如果沒有完成,則一直調用這個函數,否則,圖片上傳完成。
微信小程序選擇並上傳圖片