最近,项目中有一个新需求是批量导入功能,我负责前端。
element提供了封装好的upload组件,我们只需要根据我们的实际需求进行调整就好。
该功能原型图:
核心部分其实就是这里啦---
因为考虑到批量导入,我们选择完文件之后可以自己先确认一下是不是我们要导入的文件,之后再上传,因此,我们参考的是element提供的这个upload的手动上传
代码解析:
<el-upload
class="upload-demo"
ref="upload"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
:auto-upload="false">
<el-