过滤Blueimp/ jQuery-File-Upload中的文件

Question

我正在尝试使用Blueimp / jQuery- file -Upload我的项目，我想测试文件扩展名，因为我只想下载照片，有人告诉我应该在哪里以及如何配置blueimp / jQuery-File-Upload，这样我就可以这样做了

Answer 1

如文档所述，您可以简单地将选项设置为文件类型的正则表达式，如下所示：

$('#fileupload').fileupload('option', {
            url: '//localhost/',
            maxFileSize: 5000000,
            acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
            process: [
                {
                    action: 'load',
                    fileTypes: /^image\/(gif|jpeg|png)$/,
                    maxFileSize: 20000000 // 20MB
                },
                {
                    action: 'resize',
                    maxWidth: 1440,
                    maxHeight: 900
                },
                {
                    action: 'save'
                }
            ]
        });

Answer 2

我找到了这个add method

所以，下面是我的.gpx文件代码：

​

$('#fileupload').fileupload({
  // your fileupload options 
  add:function(e,data){
      data.files.map(function(i){
        if(i.type!='application/gpx+xml'){
          alert('please upload only .gpx files');
        }else{
          data.submit();
        }
    }),
    process: function(e,data){/* your process actions here */}
});

​

Answer 3

您可以使用add方法来过滤文件：

var $input = $('#upload_input');
$input.fileupload({
  fileInput: $input,
  url: 'YOU_URL',
  // Other options...

  start: function(e, data) {
    // Before start upload... Please wait...
  },
  add: function(e, data) {
    types = /(\.|\/)(gif|jpe?g|png)$/i;
    file = data.files[0]
    if (types.test(file.type) || types.test(file.name)) {
      data.submit();
    } else {
      // alert('Unfortunately, we don’t support that file type. Try again with a PNG, GIF, JPG');
      return;
    }
  },
  done: function(e, data) {
    // After upload... alert('Done');
  },
  fail: function(e, data) {
    // Error. Please try again later...
  }
});