Image FormData 여러 입력을 사용하여 업로드

Question

여러 파일 입력과 함께 FormData를 어떻게 사용할 수 있습니까?

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

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

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

Answer 1

이제 은 하나의 입력 파일에 여러 파일 업로드를 지원합니다! 클릭없이 자동 업로드를 시작하려면 onchange 방법으로해야합니다. 아약스에서 new FormData()을 사용해야합니다.

upload.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); 
?>