在Blueimp中過濾文件/ jQuery-File-Upload

Question

我正在嘗試使用Blueimp/jQuery-File-Upload我的項目，我想測試文件擴展名，因爲我只想下載照片 有人告訴我在哪裏以及如何應該配置blueimp/jQuery的文件上傳，所以我能做到這一點

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

所以，這裏是我的鱈魚E對於.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... 
    } 
});