我想要挑選AJAX上傳腳本到多個上傳的是iframe的Javascript PHP的幫助

我使用AJAX上傳這個參考 http://www.openjs.com/articles/ajax/ajax_file_upload/response_data.php ，它的工作絕對罰款單上載，但我想這個腳本轉換成多個上傳與你的指導的幫助也幫助肯定是讚賞..我想要挑選AJAX上傳腳本到多個上傳的是iframe的Javascript PHP的幫助

我只是想知道我如何使用單個窗體的目標多個iframe。當前腳本是在spacefic formId像這樣的這種形式只包含一個輸入文件的目標...

代碼

<script type="text/javascript"> 
function init() { 
    document.getElementById("file_upload_form").onsubmit=function() { 
    document.getElementById("file_upload_form").target = "upload_target"; 
    document.getElementById("upload_target").onload = uploadDone; 
    } 
} 
window.onload=init; 
<script> 

<form id="file_upload_form" method="post" enctype="multipart/form-data" action="http://www.appifylabs.com/web/php-upload-progress-bar/uploaderSecond/upload.php/"> 
<input name="file" id="file" size="27" type="file" multiple="multiple"/><br /> 
<input type="submit" name="action" value="Upload Image" /><br /> 
<iframe id="upload_target" onload="uploadDone()" name="upload_target" src="" style="width:600px;height:600px;border:1px solid #ccc;"></iframe> 
</form>

嘗試沒有工作

<script type="text/javascript"> 
    function init() { 
     document.getElementById("file_upload_form").onsubmit=function() { 
      document.getElementById("file_1").target = "upload_target_1"; 
      document.getElementById("file_2").target = "upload_target_2"; 
     } 
    } 
window.onload=init; 
<script>

注意事項

我不希望使用任何第三方上傳喜歡uploadify，JqueryUploader，Valum等只有之所以學習

來源

2012-07-25 Query Master

每個表單只能有一個目標。目標是FORM元素的屬性，而不是INPUT元素（您在上面嘗試過）。

一個可能的解決方案是使用Jquery克隆表單，將相應的目標設置爲所需的IFRAME並提交每個克隆。

來源

2012-07-25 18:12:12 Niloct

聽起來不錯！............ – 2012-07-25 18:14:13

很高興知道它的工作=）謝謝。 – Niloct 2012-08-06 19:07:20

我想要挑選AJAX上傳腳本到多個上傳的是iframe的Javascript PHP的幫助

回答

相關問題