php - 我想在 Iframe Javascript PHP 的帮助下将单个 ajax uploader 脚本插入多个 uploader

Question

我正在使用这个引用 http://www.openjs.com/articles/ajax/ajax_file_upload/response_data.php 对于ajax uploader ，它对于单次上传来说绝对没问题，但我想在您的指导下将此脚本转换为多次上传，这也绝对值得赞赏..

我只是想知道如何使用单一表单定位多个 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>

通知

我不想使用任何第三方 uploader ，例如uploadify、JqueryUploader、Valum等，这只是学习的原因

Answer 1

每个表单只能有一个目标。 target 是 FORM 元素的属性，而不是 INPUT 元素的属性(您在上面尝试过)。

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