vue3 el-upload 文件夹上传

原创于 2025-06-07 03:44:12 发布 · 557 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

该文章已生成可运行项目，

开启el-upload的选择文件夹功能

onMounted(() => {
  nextTick(() => {
     uploadFileRef.value.$el.querySelector('input').webkitdirectory = true
  })
})

uploadFileRef.value是el-upload绑定的ref

    <el-upload ref='uploadFileRef' class="upload-demo uploadBox" drag 
      :http-request="uploadFile"
      :file-list="uploadFileList"
      :on-change="handleFileChanged" 
      :before-upload="checkFileType"
      :on-remove="removeListData" 
      :limit="fileNumberLimit" 
      :on-exceed="handleExceed">

其他的方法就可以看element官网了，主要还是那个开启文件夹的功能的代码