我正在使用 Dropzone.js 提交一堆带有其他表单元素的文件,如 https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone 上突出显示的那样然而,在拖放区中拖动多个不同的文件并提交表单时,结果发现只上传了其中一个。我还跟踪在我的数据库中上传的文件,并且似乎根据拖入拖放区进行上传的文件数量,单个文件被上传了很多次。例如:我将 5 张具有 diff 文件名的 diff 图像拖到 dropzone 中,其中一张是“sunshine.jpg”,结果“sunshine.jpg”在数据库中记录了 5 次。经过进一步探测,我通过 Chrome 开发工具中的网络面板发现,请求 header 中的数组中只有一个文件被多次发送。排查了一段时间,没有多大效果。任何见解将不胜感激。
压缩 HTML:
<form action="" method="post" enctype="multipart/form-data" novalidate class="dropzone" id="mydropzone" name="create-form">
<div class="input-group" id="whatever">
<div id="dropzonePreview">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</div>
</div>
...Other form elements
<input style="margin-bottom:15px;" id="btn_main_2" type="button" name="create" value='<?php echo $create_button; ?>' class="btn btn-large btn-success">
</form>
JavaScript:
Dropzone.options.mydropzone = {
url: 'Modules/global/module-fileuploads-dropzone.2.php',
addRemoveLinks: true,
autoProcessQueue: false,
autoDiscover: false,
paramName: 'file',
previewsContainer: '#dropzonePreview',
clickable: false,
uploadMultiple: true,
parallelUploads: 100,
maxFiles: 100,
accept: function(file, done) {
console.log("uploaded file");
done();
},
error: function(file, msg){
alert(msg);
},
init: function() {
var myDropzone = this;
$("#btn_main_2").on('click',function(e) {
e.preventDefault();
myDropzone.processQueue();
});
}
};
网络日志截图:
最佳答案
在进一步的故障排除中,我发现这个问题的解决方案相当简单:
paramName: 'file[]'
而不是
paramName: 'file'
因为在本例中我们处理的是文件数组。看起来在指定数组作为参数时不能忽略这一点。
关于javascript - Dropzone.js - 在多个文件上传时仅多次上传 1 个文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44510497/