「小程序」上傳圖片到七牛云

準(zhǔn)備

圖片上傳到七牛云,需要兩個準(zhǔn)備條件:

  • 在七牛云上有上傳空間,可獲取相應(yīng)的token(這里是后臺接口完成的,前端也可以完成,需要自己申請上報(bào)空間);
  • 在小程序相應(yīng)的域名配置中把七牛云的域名配置上去(一開始用錯了,根據(jù)請求返回修改好了,小程序的域名配置一個月只能改五次);
圖片上傳

小程序上傳圖片只有兩個關(guān)鍵API:
wx.chooseImage
wx.uploadFile

在wx.chooseImage調(diào)用成功時,可以獲取到關(guān)于圖片的文件信息,再上傳七牛云

/**
* 圖片改變事件
*/
bindImgChange() {
    wx.chooseImage({
        count: 1, // 最多可以選擇的圖片張數(shù)
            success: res => {
                //上傳七牛云
                let tempFilePaths = res.tempFilePaths;
                this.uploadQiniu(tempFilePaths);
            }
  });
},

上傳七牛云代碼:

/**
* 圖片上傳七牛云
*/
uploadQiniu(tempFilePaths) {
    let token = this.data.token;
    var that = this;
    wx.uploadFile({
      url: 'https://upload-z2.qiniup.com',
      name: 'file',
      filePath: tempFilePaths[0],
      header: {
        "Content-Type": "multipart/form-data"
      },
     formData: {
       token: token,
     },
     success: function(res) {
       let data = JSON.parse(res.data)

       console.log('qiniu');
       console.log(res);
       // to do ...
     },
     fail: function(res) {
       console.log(res)
     }
   });
},
失敗詳情

修改url為:'https://upload-z0.qiniup.com'

成功

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容