美文网首页
uniapp微信小程序上传图片到七牛(node)

uniapp微信小程序上传图片到七牛(node)

作者: 塔塔七 | 来源:发表于2020-04-23 16:23 被阅读0次
1、获取图片参考文档
uni.chooseImage({
    count: 6, //默认9
    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
    sourceType: ['album'], //从相册选择
    success: function (res) {
        let data = res.tempFilePaths
        data.forEach(e=>{
            this.upload(e)
         })
        
    }
});
2、上传图片到七牛
upload(imgPath){
        let _this = this
    wx.uploadFile({
      url: 'https://up.qiniup.com',    //此处为华东地区,其他地区请查阅文档
      name: 'file',
      filePath: imgPath,
      header: {
        "Content-Type": "multipart/form-data"
      },
     formData: {
       token: _this.token, //后端返回的token
     },
     success: function(res) {
        console.log(res)
        
     },
     fail: function(res) {
        console.log(res)
     }
   });
}

注意:使用的七牛URL需要在小程序域名管理中添加
3、node后端代码 参考文档
qiniu: async ctx=>{
        let mac = new qiniu.auth.digest.Mac(qiniu.AK, qiniu.SK);  //七牛的密钥,可查看文档
        let options = {scope: 'tt-edu'};
        let putPolicy = new qiniu.rs.PutPolicy(options);
        let uploadToken = putPolicy.uploadToken(mac);
        let key = sha1(Math.random().toString(36).substr(2));
        
        return ctx.body={
            key,               //文件名,可以忽略七牛会自动创建
            uploadToken     //token
        }
    },

相关文章

网友评论

      本文标题:uniapp微信小程序上传图片到七牛(node)

      本文链接:https://www.haomeiwen.com/subject/gcyaihtx.html