Dropzone 多文件上传教程:三种方法详解
要在 Dropzone 中添加多个文件,可以使用以下三种方法:
-
多次拖放: 将每个文件拖放到 Dropzone 中,一个接一个地。
-
点击上传按钮: 在 Dropzone 上面添加一个上传按钮,允许用户单击它选择多个文件。
-
程序上传: 通过编写代码将多个文件添加到 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 事件来处理文件上传成功后的响应。
原文地址: https://www.cveoy.top/t/topic/nlcI 著作权归作者所有。请勿转载和采集!