微信小程序上传图片到七牛融合 CDN

最新推荐文章于 2024-05-15 09:29:35 发布

徐梓枭

最新推荐文章于 2024-05-15 09:29:35 发布

阅读量1.9k

点赞数 3

分类专栏：微信小程序文章标签：七牛上传图片微信小程序上传图片上传图片到七牛微信小程序上传图片到七牛

本文链接：https://blog.csdn.net/qq_32910205/article/details/84075967

版权

微信小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.引入包

下载地址： http://7xvilo.com1.z0.glb.clouddn.com/qiniu-wxapp-sdk-master.zip

2.初始化七牛

const qiniuUploader  = require("../../state/qiniuUploader.js");
// 初始化七牛相关参数
function initQiniu(that) {
  var options = {
    uploadURL:"https://up-z1.qbox.me",//根据区域找地址
    region: 'NCN', // 华北区
    uptoken: that.data.qiniuToken,//token由后端接口获取后的token值，其他方法参考文档
    domain: 'http://phq1b7zvy.bkt.clouddn.com/',
    shouldUseQiniuFileName: false
  };
  qiniuUploader.init(options);
}

3.上传操作

chooseImage:function(e){
    var that=this;
    //初始化七牛
    initQiniu(that);
    console.log()
    // 微信 API 选文件
    wx.chooseImage({
      count: 1,
      success: function (res) {
        var filePath = res.tempFilePaths[0];
        // 交给七牛上传
        qiniuUploader.upload(filePath, (res) => {
          that.setData({
            imageObject:res,
            'userheadimg': res.imageURL,
          })
        }, (error) => {
          console.error('error: ' + JSON.stringify(error));
        },null, (progress) => {
          console.log('上传进度', progress.progress)
          console.log('已经上传的数据长度', progress.totalBytesSent)
          console.log('预期需要上传的数据总长度', progress.totalBytesExpectedToSend)
        }, cancelTask => that.setData({ cancelTask })
        );
      }
    })
  }