一次只能上传一个以上的图像jquery

问题描述：

使用这个脚本，我可以通过jquery上传图像，但怎么能一次上传多个图像呢？一次只能上传一个以上的图像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文件 – Michel

1输入 – user3810167

请尝试我的答案在下面。希望能帮助到你。同样@talsibony说，你可能会看看外部库，如：http://www.dropzonejs.com或Jquery文件上传等... – Michel

答

我认为你必须使用外部库，允许多文件上传看到下面的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

答

$('#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... 
}

一次只能上传一个以上的图像jquery

相关推荐