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

  • Z时代
  • 2024-03-13
  • 分类：IT

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

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

回答：

  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 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

以上是 ElmentUI 中的 el-upload 怎么实现 【批量 + 拖拽】上传？ 的全部内容， 来源链接： utcz.com/p/933799.html

回到顶部