我已经尝试了几个星期才能使这个工作我一直在尝试使用dropzone中的 accept:
选项提交一些文件我想允许最多2个类型为 'image/png' and 'image/jpeg'
的文件当我在dropzone提醒用户中有2个这样的类型时,她或他达到了最大值,同时允许用户上传歌曲。
代码有点工作但是如果我添加到带有音频mime-type的文件,那么在添加图像后它会显示图像的警告,但实际上还没有达到限制。
accept: function(file, done){
// Variables
var _this = this.getAcceptedFiles(),
ext = file.name.split('.')
jpeg = 'image/jpeg',
png = 'image/png';
console.log(this.getAcceptedFiles())
console.log('added')
// Adding extension to screen for user to see
$(file.previewElement.childNodes[1]).children().text(ext[ext.length - 1])
// function in charge of showing and hiding the info box
// and in charge of displying scrollbar
box_show();
// check if file already exist in list
if (check_the_same(_this, file)){
done('File ' + file.name + ' already in exist.');
}else{
// if file is a image check if we have more than two in list
if (file.type == jpeg || png){
if (more_than_2(_this, file)){
done('Remember just up to 2 images.');
}else{
done();
}
}else{
done()
}
}
}
功能检查重复文件:
function check_the_same(_this, file){
// loop to check if file already exists in added file list
for(var i = 0; _this.length > i; i++ ){
// if file name is in already created list show alert
console.log($('div#list-container #h').children().length)
if (file.name == _this[i].name){
return true
}
}
}
检查图像数量的功能:
function more_than_2(_this, file){
var num_check = 0;
for (var i = 0; _this.length > i; i++){
console.log(_this);
if (file.type == 'image/jpeg' || 'image/png'){
console.log(file.type == 'image/jpeg');
num_check += 1;
if (num_check >= 2){
console.log('true')
return true
}
}
}
}
答案 0 :(得分:0)
好吧,你总是在做
file.type == 'image/jpeg' || 'image/png'
在你的循环中所以如果你有2个或更多的文件并且你试图上传图像,它将会失败。
正确应该是:
_this[i].type == 'image/jpeg' || 'image/png'