要在 Dropzone 中添加多个文件,可以使用以下三种方法:

  1. 多次拖放: 将每个文件拖放到 Dropzone 中,一个接一个地。

  2. 点击上传按钮: 在 Dropzone 上面添加一个上传按钮,允许用户单击它选择多个文件。

  3. 程序上传: 通过编写代码将多个文件添加到 Dropzone 中,可以使用 Dropzone 的 API 方法来实现。

以下是使用第二种方法的示例代码:

// HTML
<div id='myDropzone' class='dropzone'>
  <div class='fallback'>
    <input name='file' type='file' multiple />
  </div>
</div>

// JavaScript
Dropzone.options.myDropzone = {
  paramName: 'file',
  maxFilesize: 2,
  acceptedFiles: '.png, .jpg, .jpeg, .gif',
  dictDefaultMessage: '拖动文件到此处或单击上传',
  addRemoveLinks: true,
  init: function() {
    this.on('success', function(file, response) {
      console.log(response);
    });
  }
};

在上面的代码中,我们使用了 Dropzone 的选项来设置参数,如文件名称,最大文件大小,接受的文件类型等。同时,我们还使用了 init 事件来处理文件上传成功后的响应。

Dropzone 多文件上传教程:三种方法详解

原文地址: https://www.cveoy.top/t/topic/nlcI 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录