我使用dropzone.js上传多个文件。使用它,我可以从一个文件夹中选择多个文件,在选择多个文件时,我只能从我的列表中选择一组文件。
相反,我需要选择一个文件夹(目录)
我可以拖放文件夹。单击dz-clickable时应该执行的相同功能。
我的Html代码
<div class="dropzone dz-clickable" id="myDrop">
<div class="dz-default dz-message" data-dz-message="">
<span>Upload or drag your files here</span>
</div>
</div>我的Javascript代码
var myDropzone = new Dropzone("div#myDrop", {
addRemoveLinks: true,
autoProcessQueue: false,
parallelUploads: maxParallelCount,
url: "#",
transformFile: function transformFile(file, done) {
zip = new JSZip();
zip.file(file.name, file);
zip.generateAsync(
{
type:"blob",
compression: "DEFLATE"
}
).then(function(content) {
done(content);
});
},
init: function() {
this.on("addedfile", function(file) {
if (jQuery.inArray(file.name, addedfiles) > -1) {
myDropzone.removeFile(file);
}
if (jQuery.inArray(file.name, DOC_NAMES) == -1) {
myDropzone.removeFile(file);
}
else {
addedfiles.push(file.name);
queueCount += 1;
}
});
this.on("removedfile", function(file) {
console.log(file.name);
if (jQuery.inArray(file.name, addedfiles) > -1) {
// addedfiles.pop(file.name);
var indOfAddedFiles = addedfiles.indexOf(file.name);
console.log("indOfAddedFiles -> "+ indOfAddedFiles);
addedfiles.splice(indOfAddedFiles, 1);
queueCount -= 1;
}
})
}如何选择目录并进行相应的处理?有什么想法吗?
发布于 2018-06-11 13:54:35
让我回答我的问题
通过在webkitdirectory中将属性true设置为true,可以选择文件夹。
与type属性一起添加以下内容
_this3.hiddenFileInput = document.createElement("input");
_this3.hiddenFileInput.setAttribute("type", "file");
_this3.hiddenFileInput.setAttribute("webkitdirectory", true);发布于 2019-09-25 16:52:52
只是为了通过@Sri为解决方案提供上下文
$("div#dropzoneDiv").dropzone({
url: '/upload',
init: function() {
this.hiddenFileInput.setAttribute("webkitdirectory", true);
}
});发布于 2018-06-05 15:02:31
我认为Dropzone.js不允许上传整个目录(或者在文档中没有指定)
https://stackoverflow.com/questions/50702278
复制相似问题