複数ファイルのアップロードjquery ajax with extension

Question

jquery/ajaxを使用して複数のファイルをアップロードする際に問題があります。

私の問題は、pngファイルまたはjpgファイルを提出しようとすると、提出されず、ファイルを置いてもアップロードしてください。

私のelseステートメントに入るにはどうすればよいですか？私は自分の状態を取り除こうとしました。私はただのAjaxを入れて、それを動作させて自分のデータベースに入れました。しかし、私はjpgまたはpngファイルを置いても適切なファイル拡張子をつけた状態でファイルをアップロードしてください。ここ

は私のコードは

HTML

<!-- MULTIPLE UPLOAD FORM --> 
<h1>Multiple File Upload</h1> 
<form id="multiple" method="POST" enctype="multipart/form-data"> 

    <input type="file" id="file" name="file[]" multiple /> 
    <input type="submit" id="multBtn" value="Upload File"> 
    </br> 
</form> 

でのjQuery

$("#multBtn").on('click',function(e){ 
e.preventDefault(); 
var imgData = document.getElementsByName('file')[0]; 
var imageUploadPath = imgData.value; 

if(imageUploadPath == ''){ // user did not upload anything 
    alert('Please Upload File'); 
} 
else{ 
    //user uploaded a file 
    var Extension = imageUploadPath.substring(imageUploadPath.lastIndexOf('.')+1).toLowerCase(); 
    if(Extension == "png" || Extension == "Jpeg" || Extension == "jpg"){ 
     $.ajax({ 
     url: '/uploadMultipleImg', 
     type: 'POST', 
     data: new FormData($(this).parents('form')[0]), 
     cache: false, 
     contentType: false, 
     processData: false, 
     success: function(data){ 

     }, 
     }); 
     return false; 
    } } 

Answer 1

ファイルを使用することを選択されているかどうかを確認するには、次の

var fileUpload = $("#file").get(0); 
var files = fileUpload.files; 

をその後のようなファイルをループthis：

for (var i = 0; i < files.length; i++) { 
    //code 
} 

ファイルの入力名を変更し、idと同じにします。

<input type="file" id="file" name="file" multiple /> 

あなたは助けるAjaxでのファイルアップロードにthisチュートリアルを見ることができます。