微信小程序图片上传到七牛云具体代码实现

1.首先下载七牛云.js 在需要上传图片的js中文件中引入

const qiniuUploader = require("../../../utils/qiniuUploader.js");

然后就在onload函数中写请求 跟后段的接口对接

wx.request({
      url: app.globalData.urls + "/wxchat/upload/upload_token",method: "POST",header: {
        "content-type": "application/x-www-form-urlencoded",'content-type': 'application/json' // 默认值
      },success: res => {
        console.log(res)
        const uploadToken = res.data.token
        this.setData({
          uploadToken: uploadToken
        })
      }
    })

3.在微信小程序自带的图片功能中实现图片上传七牛云

  album: function() {
    var _this = this
    wx.chooseImage({
      count: 4,// 默认9  
      sizeType: ['original','compressed'],// 可以指定是原图还是压缩图，默认二者都有  
      sourceType: ['album'],// 可以指定来源是相册还是相机，默认二者都有  
      success: function(res) {
        console.log(qiniuUploader)
        console.log(qiniuUploader.unload)
        const filepath = res.tempFilePaths[0]
        console.log(filepath)
        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片  
        qiniuUploader.upload(filepath,res => {
          console.log(res)
          _this.setData({
          //注意这中间有个"/"在这上面耽误了半个小时
            tempFilePaths:app.globalData.urlst +"/"+ res.key
          })
          console.log(_this.data.tempFilePaths)
        },(error) => {
          console.log('error' + error)
        },{
        //这里是你所在大区的地址
          uploadURL: 'https://up-z1.qbox.me/',domain: 'bzkdlkaf.bkt.clouddn.com',//这里的uptoken是后端返回来的
          uptoken: _this.data.uploadToken,})
      }
    })
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!