javascript - 在 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

我找到了这个添加方法

所以，这是我的 .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...
  }
});