微信小程序> 小程序上传图片到七牛云

小程序上传图片到七牛云

浏览量:546 时间: 来源:小曲曲

引入qiniuUploader.js文件

qiniuUploader文件地址:https://github.com/gpake/qiniu-wxapp-sdk/blob/master/demo/qiniu-demo/utils/qiniuUploader.js
const qiniuUploader = require("…/…/utils/qiniuUploader");

使用多选

小程序自带的压缩,模拟器不行,上传不了

view class="imgs flex_l"            view class="img flex" bindtap="upload" hidden='{{imageList.length0}}'                image src="{{imgurl}}c-xiangji.png"/image                text style="font-size: 26rpx;"上传图片/text                text style="font-size: 24rpx; display: block;"(多选 最多9张)/text            /view            view class="imgList flex" wx:for="{{imageList}}" wx:key="{{index}}"                image src="{{item}}"/image            /view        /view
// 点击上传图片  upload() {    //上传图片    var that = this    wx.chooseImage({      // count: 1, // 默认9        sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有        // sourceType: ['album'], // 可以指定来源是相册还是相机,默认二者都有        success: function (res) {        let tempFilePaths = res.tempFilePaths;        let arr = []        tempFilePaths.map((r, i) = {          request('user/token', {}, 1).then(res = {            let uptoken = res;            qiniuUploader.upload(              r, //上传的图片              (res) = {  //回调 success                console.log(res);                let url = 'http://' + res.imageURL;                arr.push(url)                that.setData({                  imageList: arr                })              },              (error) = { //回调 fail                console.log('error: ' + error);              },              { // 参数设置  地区代码 token domain 和直传的链接 注意七牛四个不同地域的链接不一样,我使用的是华南地区                region: 'SCN',                // ECN, SCN, NCN, NA, ASG,分别对应七牛的:华东,华南,华北,北美,新加坡 5 个区域                uptoken: uptoken,   //调接口                uploadURL: 'https://upload-z2.qiniup.com',                domain: 'pw68einbp.bkt.clouddn.com',    //域名              })          })        })      }    })  },

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎