在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...
  }
});