jQuery的ajax多重照片上傳從教程

我使用一個非常基本的jquery ajax照片上傳爲我創建的頁面。我使用的是與本教程完全相同的代碼，除了稍後進行了少量修改之外。創建它的教程在這裏： http://www.saaraan.com/2012/05/ajax-image-upload-with-progressbar-with-jquery-and-php jQuery的ajax多重照片上傳從教程

我遇到的問題是我試圖轉換腳本以允許在頁面上多次上傳。我已經使用多種形式的頁面設置，並且php動作已準備好接收多張照片，但對於jquery部分我只是無知。它聲明myForm會與UploadForm的ID，但因爲我將它轉換，我現在有UploadForm1，UploadForm2，UploadForm3等的ID ..

var myform   = $("#UploadForm");

有做這個jQuery中的一小段路我當然，但我能想出的唯一解決方案是隻需重複jquery函數多次，因爲我需要用ids進行硬編碼。一旦有人向我展示如何修復UploadForm id問題，我將能夠修復進度條，progressbox，statustxt和submitbutton ID。

來源

2013-12-18 John

請注意，如果您使用的表單數據，那麼你會遇到使用此代碼，因爲不是所有的瀏覽器使用FORMDATA兼容性問題。你會更好地檢測瀏覽器是否返回false使用iframe上傳文件，如果不使用formdata –

爲每一個類指定一個類並使用$('.ClassName')引用該類。然後通過.each(function(){})進行收集。

來源

2013-12-18 14:49:56 trgraglia

好吧，原諒我的無知，但似乎。每個工程類似於PHP的foreach循環？ – John

回答了我自己的問題。你把我放在正確的方向，謝謝！ – John

沒問題。很高興我幫了忙。 – trgraglia

您可以允許每張照片在窗體內部都有一個輸入元素，並且可以通過一些JavaScript來允許用戶在窗體中添加/刪除行。基本上，你正在尋找多個文件上傳。我發現的東西，可能會幫助：

How to upload multiple files using PHP, jQuery and AJAX

來源

2013-12-18 14:55:06 MikeB

jQuery的ajax多重照片上傳從教程

回答

相關問題