php - 我想借助iframe Javascript PHP将ajax上传器脚本分割成多个上传器

我正在使用此参考
http://www.openjs.com/articles/ajax/ajax_file_upload/response_data.php
对于ajax上载器，它对于单个上载绝对有效，但是我想在您的指导下将此脚本转换为多个上载，这也一定会有所帮助。

我只想知道如何使用单一表格来定位多个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等），仅作为学习的理由

最佳答案

每种形式只能有一个目标。 target是FORM元素的属性，而不是INPUT的属性（您在上面尝试过）。

一种可能的解决方案是使用Jquery克隆表单，将相应的目标设置为所需的IFRAME并提交每个克隆。