elementUI 阿里云oss 上传文件纯前端

最新推荐文章于 2024-06-10 13:16:40 发布

锋声

最新推荐文章于 2024-06-10 13:16:40 发布

阅读量285

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/xikaifeng/article/details/116603876

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

elementUI 阿里云oss 上传文件纯前端

<el-form-item label="选择文件" prop="imgUrl" style="height: 130px">
  <el-upload
    class="upload-demo"
    ref="upload"
    :on-exceed="onExceed"
    :on-change="onChange"
    :file-list="fileList"
    :http-request="submit"
    :before-upload="beforeUpload"
    :auto-upload="false"
    :limit="1"
  >
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
  </el-upload>
</el-form-item>

submitUpload() {
	this.$refs.upload.submit();
},
onExceed() {
	this.$message.error('一次只能上传一个文件');
},
beforeUpload() {
	return true;
},
onChange(a, fileList) {
	this.fileList = fileList;
},
submit(file) {
  let apkName = new Date().getTime();
  upload(`apk/alpha/${apkName}.apk`, file.file).then(res => {
    this.apk.url = res.url
    if (this.apk.url !== "") {
      if (this.formTitle === 0) {
        this.saveApk(this.apk)
      } else {
        this.updateApk(this.apk)
      }
    }
  });
},