微信小程序 上傳圖片七牛


 簡要的幾行代碼如下:

1:像服務器請求上傳token 上傳token 也可以前端生成,研究了好久 太麻煩了 還是后台生成吧 ,畢竟有現成的SDK

  //獲取上傳token
  getToken: function(filePath,picName) {
    var that = this
    var rUrl = app.UrlConfig.GET_TOKEN + "bucket_name=chenxu" + "&file_key=picName"
    wx.request({
      url: rUrl,
      header: {
        'content-type': 'application/json' // 默認值
      },
      success: function(res) {
        console.log(res.data)
        app.hideLoading();
        that.updateImg(filePath, res.data);
      },
      fail: function(res) {
        app.hideLoading();
      }
    })
  },

2:上傳圖片到七牛雲

  //上傳圖片到七牛
  updateImg: function(filePath, uptoken) {
    var that = this
    qiniuUploader.upload(filePath, (res) => {
      console.log(res);
      // that.setData({
      //   headImg: res.imageURL,
      // });
    }, (error) => {
      console.log('error: ' + error);
    }, {
      key: pciName,
      region: 'NCN',
      uptoken: uptoken,
      uploadURL: 'https://up-z1.qbox.me',
      domain: 'xxxxxxxxx.bkt.clouddn.com',
    });

  },

字段簡要說明

key: picName 要和生成上傳token是傳的picName是一個樣的不然會報錯

region:區域代碼

uploadURL:區域下載url

uptoken:上傳token,由上一步像服務器請求生成的。

domain:域名

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM