小程序上传文件到七牛云

JavaScript033

小程序上传文件到七牛云,第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文件夹