具有擴展名的多文件上傳jQuery Ajax

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;

然后像這樣遍歷文件：

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

更改文件輸入名稱，並使其與id相同。

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

你可以看到這對文件上傳教程使用Ajax，這將有助於。