根据用例的不同,如何限制dropzone.js允许的文件数量?
例如,我可能只需要允许上传1、2或4个文件。
不是uploadMultiple
。不幸的是,uploadMultiple
仅适用于每个请求处理的文件数。
发布于 2013-08-10 17:09:34
截至2013年8月6日的Nowell pointed it out that this has been addressed。使用此表单的工作示例可能是:
<form class="dropzone" id="my-awesome-dropzone"></form>
您可以使用此JavaScript:
Dropzone.options.myAwesomeDropzone = {
maxFiles: 1,
accept: function(file, done) {
console.log("uploaded");
done();
},
init: function() {
this.on("maxfilesexceeded", function(file){
alert("No more files please!");
});
}
};
dropzone元素甚至获得了一种特殊的样式,因此您可以执行以下操作:
<style>
.dz-max-files-reached {background-color: red};
</style>
发布于 2013-09-28 02:25:53
我以一种稍微不同的方式实现了这一点。每当添加新文件时,我只是删除已删除的旧文件。它的作用是覆盖文件,这是我在这里想要的用户体验。
Dropzone.options.myAwesomeDropzone = {
accept: function(file, done) {
console.log("uploaded");
done();
},
init: function() {
this.on("addedfile", function() {
if (this.files[1]!=null){
this.removeFile(this.files[0]);
}
});
}
};
发布于 2018-01-25 00:25:22
对我来说效果非常好的替代解决方案:
init: function() {
this.on("addedfile", function(event) {
while (this.files.length > this.options.maxFiles) {
this.removeFile(this.files[0]);
}
});
}
https://stackoverflow.com/questions/18048825
复制相似问题