带有扩展名的多个文件上传jQuery ajax

Question

我在使用jquery/ajax上传上传多个文件时有问题。

我的问题是，当我尝试提交带PNG或JPG文件的文件时，它甚至没有提交，即使我放了一个文件，也会提醒请上传文件。

为了在我的其他陈述中，我该怎么办。因为我试图删除我的病情，我只是放置了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 />

您可以在File上载Ajax上看到此教程，这将有所帮助。