上传多个文件时禁用拖放区中的多个图标

Disable multiple icons in Dropzone when uploading multiple files

本文关键字:拖放区 图标 文件      更新时间:2023-09-26

Dropezone.js中的默认配置为每个上传的文件显示一个单独的图标和进度条。因此,如果您将包含 100 个文件的文件夹拖到拖放区,屏幕上会出现 100 个看起来不太好的图标。

我宁愿只有一个图标和进度条来显示多个文件的聚合进度。

Dropzone配置中是否有可以执行此操作的设置,如果没有,如何实现?

在我看来

这是不可能的,但您可以创建自己的总上传进度条。

你只需要使用 DropzoneJS 的 "totaluploadprogress" 事件和一个 widget 来显示进度条,例如 "jquery ui 进度条":

  • j查询 UI 进度条
  • DropzoneJS 总上传进度事件

您可以将文件夹压缩为zip/rar文件,并使用dropzonejs上传,这是另一种方式。