input文件上传代码片段

曹天骄

于 2020-08-16 13:36:47 发布

阅读量127

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/solocao/article/details/108035437

vue 专栏收录该内容

24 篇文章

订阅专栏

需求：自己留个记录

<div class="button—2" @click="uploadFile">
  <input type="file" ref="file" multiple="multiple" @change="fileChange" style="display:none">
   上传
 </div>

async uploadFile() {
  this.$refs.file.dispatchEvent(new MouseEvent("click"));
},
async fileChange(event) {
  const file = event.target.files[0];
  const result = await fileUploadToFolder({
    folder: this.currentId,
    file: file
  });
  if (result) {
    this.$refs.file.value = "";
    event.target.value = 0;
  }
}