Dropzone过滤文件

时间:2017-05-30 17:55:51

标签: javascript jquery dropzone.js

我已经尝试了几个星期才能使这个工作我一直在尝试使用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
      }

    }
  }
}

1 个答案:

答案 0 :(得分:0)

好吧,你总是在做

file.type == 'image/jpeg' || 'image/png'
在你的循环中

所以如果你有2个或更多的文件并且你试图上传图像,它将会失败。

正确应该是:

_this[i].type == 'image/jpeg' || 'image/png'