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 발견

여기 내 대구 .GPX 파일 E :

$('#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... 
    } 
});