2015-06-21 41 views
3

使用這個腳本,我可以通過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); 
    }, 
}); 
+0

不要ü有不同的名稱或多個輸入許多輸入類型的文件鍵入同名文件?在您的HTML文件 – Michel

+0

1輸入 user3810167

+0

請嘗試我的答案在下面。希望能幫助到你。同樣@talsibony說,你可能會看看外部庫,如:http://www.dropzonejs.com或Jquery文件上傳等... – Michel

回答

0

我認爲你必須使用外部庫,允許多文件上傳 看到下面的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

0
$('#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... 
} 
相關問題