小程序上传图片到七牛

小程序上传图片非常简单,利用好2个API:

wx.chooseImage

wx.uploadFile

/**
   * 上传图片
   */
  chooseImageUpload() {
    var that = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: function (res) {
        that.tempFilePaths = res.tempFilePaths;
        that.uploadQiniu();
      }
    })
  },

注意点:

  • header头要写
  • token 一定要去获取七牛的token
  • filePath是单个图片就写下标0,如果多图片就用for循环吧,不过上个函数wx.chooseImage.count要配置1以上
  • url写https://upload-z2.qiniup.com
/**
   * 上传七牛返回key
   */
  uploadQiniu() {
    let token = this.uploadtoken.token;
    let tempFilePaths = this.tempFilePaths;
    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)
        // to do ...
      },
      fail: function (res) {
        console.log(res)
      }
    })
  },

su

看到返回key就是成功啦!!

转载于:https://www.cnblogs.com/liangfengbo/p/9117718.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值