小程序上传文件到七牛云

JavaScript017

小程序上传文件到七牛云,第1张

第一步:获取七牛云token,这步操作很简单,请求七牛云接口即可

getUpToken: function() {

    var url = "resource/getUpToken"

    var header = {

      token : wx.getStorageSync("token")

    }

    var that = this

    network.requestLoading(url,"",header,"",function(data){

      console.log(data)

      that.setData({

        up_token : data.data

      })

    },function(){

    })

  },

第二步:利用upfile API上传文件

wx.uploadFile({

              formData:{token:that.data.up_token}, //这里是请求头部分

              url: 'url',

              filePath: tempFilePaths[i],

              name:"file",

              success:function(data) {

                var res = JSON.parse(data.data)

                var image_keys = that.data.image_keys.concat(res.key)

              }

            })

流程:七牛云后台的对象存储功能,nodejs后台生成七牛云的token,前端利用elementUI/ice的upload组件,文件名和token作为参数请求到七牛云后台。

配置已经完成,写接口用的是express,koa同理,主要做法是先接收前端的图片流转换成图片写入本地image文件中,然后再存储到七牛云,再将本地生成的图片删除,需要新建一个image文件夹