如何将一个表单的文件上传字段中的值复制到另一个表单的文本字段？

Question

我有一页上有两种不同的表格。第一个表单允许用户上传图像文件并通过电子邮件发送，第二个表单根据用户输入生成 URL。

为了将图像名称添加到 URL，我需要在第二个表单中有一个字段，该字段从第一个表单的字段中复制图像名称（我不想让用户浏览并选择图像）一页上两次）。我发现跨表单将数据从一个字段复制到另一个字段的最佳方法是以下 jQuery 代码：http://jsfiddle.net/nA37d/，但它不适用于我的目的。例如，它可以很好地从文本字段到文本字段，但不能从文件字段到文本字段或文件字段到文件字段。

有没有办法获取表单 1 中文件字段的值并将其复制到表单 2 中的任何类型的字段？这是我的基本代码：

<script type="text/javascript">
$(function(){
    bindGroups();
});

var bindGroups = function() {
    // First copy values
    $("input[name='logotoo']").val($("input[name='logoname']").val());

    // Then bind fields
    $("input[name='logoname']").keyup(function() {
        $("input[name='logotoo']").val($(this).val());
    });
};
</script>


<form action="#..." method="post" enctype="multipart/form-data">
<input type="file" name="logoname" value="1" />
<input type="submit" value="Upload" /></form>


<form name="form2" action="/url/" method="get">
<label>Logo Name</label> <input type="text" name="logotoo" />
<input type="submit" value="Generate URL" /></form>

谢谢你提供的所有帮助！

Answer 1

只需使用change()输入类型文件的处理程序，而不是 keyup：

http://jsfiddle.net/nA37d/169/

 $("input[name='a1']").change(function() {
        $("input[name='b1']").val($(this).val());
    });

对于输入文件到输入文件，出于安全原因，我认为这是不可能的。

顺便说一句，这段代码应该被重构。