Загрузите несколько изображений за один раз jquery

Question

С помощью этого сценария я могу загрузить изображение с помощью jquery, но как сделать, чтобы загрузить несколько изображений за раз?

Также, как я получаю за php все изображения?

Благодаря

var inputFileImage = document.getElementById('image'); 
    var formElement = document.getElementById("RevisionTicket"); 
    var file = inputFileImage.files[0]; 
    var data = new FormData(formElement); 
    data.append('image',file); 
    var url = 'AprobarTicket2.php'; 
    $.ajax({ 
    url:url, 
    type:'POST', 
    contentType:false, 
    data:data, 
    processData:false, 
    cache:false, 
    beforeSend: function(){ 
        $("body").addClass("loading"); 
       }, 
    success: function(data){ 
        $("body").removeClass("loading"); 
        //$("#contenidoSecPaginas").html(data); 
        alert(data); 
    }, 
}); 

Answer 1

Я думаю, вы должны использовать внешнюю библиотеку, чтобы многофайловым загрузить см JS скрипку ниже:

<input type="file" class="multi with-preview" multiple /> 

http://jsfiddle.net/fyneworks/2LLws/

использует https://rawgit.com/fyneworks/multifile/2.1.0-preview/jquery.MultiFile.js

есть много других проектов для загрузки нескольких файлов, таких как uploadify, dropzone js и т. Д. удачи

Вот пример загрузки с помощью нативных JS:

http://www.appelsiini.net/2009/html5-drag-and-drop-multiple-file-upload

Answer 2

$('#formId').on('submit', function(event){ 
event.preventDefault(); 

    var form = document.querySelector('#yourFormId'); 
    var request = new XMLHttpRequest(); 
    var formData = new FormData(form); 
    request.open('post','phpScriptToProcessForm.php'); 
    request.send(formData); 

    request.onreadystatechange = function() { 
     if (request.readyState === 4) { 
      if (request.status === 200) { 
         // OK 

        } else { 
         // not OK 
        } 
       } 
      }; 

}); 

PHP:

/* Note your input name must be an array 
* e.g <input type="file" name="inputName[]" multiple> 
*/ 
$image = $_POST['inputName']; 
for($i = 0; $i <= count($image); $i++){ 

//Process images data, upload, insertion, etc... 
}