使用 FormData 多个输入的图像上传

Question

如何将 FormData 与多个文件输入一起使用？

<input type="file" id="file1">

<input type="file" id="file2">

<input type="file" id="file3">

Answer 1

现在html5 支持在一个输入文件中上传多个文件！如果您想在不点击的情况下开始自动上传，您应该通过onchange 方法进行。在 ajax 中，您必须使用 new FormData() 。

上传.php

<input type="file" id="files" name="filefield" multiple="multiple">
<script type="text/javascript">
$("#files").on("change",function(){
    var ajaxData = new FormData();
    var obj = $(this)[0];
    $.each(obj.files,function(i,file){
        ajaxData.append("file['"+i+"']",file);
    });
    $.ajax({
        url :'index.php',
        data: ajaxData,
        contentType: false,
        processData: false,
        dataType: 'json',
        type:"POST",
        success : function() {

        }
    });
})

index.php

<?php
  var_dump($_FILES);
?>