文件上传至七牛云方法

75 阅读1分钟

文件上传至七牛云

export function getQiToken (data){
    return request({
    url: '/Qiniu/token',
    method: 'get',
    params: data
    })
}
 <el-upload
    :on-success="handleAvatarSuccess"
    :show-file-list="false"
    action="http://up-z0.qiniup.com"
    class="avatar-uploader"
    :data="qiniuImageData"
    >
    <img v-if="form.avatarUrl" :src="form.avatarUrl" class="avatar" />
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
qiniuImageData: {},
qiniuToken: ""
  getQiniuToken() {
      let params = {
        suffix: ".png"
      };
      getQiToken(params)
        .then(res => {
          this.qiniuToken = res.uptoken;
          this.qiniuImageData = {
            token: this.qiniuToken,
            // key: res.data.imgUrl,
            "x:<custom_name>": "qiniuPic"
          };
        })
        .catch(error => {
          console.log(error);
        });
    },
   handleAvatarSuccess(res) {
      // this.form.qrcode = res.url;
      this.form.qrcode = "http://ruj9egjep.hd-bkt.clouddn.com/" + res.hash;
},