一次上传多个图像jquery答案

【问题标题】：Upload more than one image at a time jquery一次上传多个图像jquery
【发布时间】：2015-06-21 04:08:52
【问题描述】：

使用这个脚本，我可以通过 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);
    },
});

【问题讨论】：

你有许多不同名称的输入类型文件或许多相同名称的输入类型文件吗？在您的 HTML 文件中
在下面试试我的答案。希望能帮助到你。同样正如@talsibony 所说，您可能会查看外部库，例如：dropzonejs.com 或 Jquery 文件上传等...
试试这个question and answer上传多个文件！！！
见stackoverflow.com/questions/28856729/…

标签： php jquery

【解决方案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

【讨论】：

【解决方案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...
}

【讨论】：