ElmentUI 中的 el-upload 怎么实现 【批量 + 拖拽】上传？

Question

ElmentUI 中 el-upload 实现简单的批量上传可以通过 beforupload 控制，但是 批量 + 拖拽 上传的方式如何实现呢？

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 1

1. 在 el-upload 组件上添加 multiple 属性，开启多文件上传功能。
2. 在 el-upload 组件上添加 drag 属性，开启拖拽上传功能。

<el-upload
  action="/your/upload/url"
  multiple
  drag
  :on-success="handleSuccess"
  :on-error="handleError">
  <i class="el-icon-upload"></i>
  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
</el-upload>

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。