4

我有一页上有两种不同的表格。第一种形式允许用户上传和通过电子邮件发送图像文件，第二种形式根据用户输入生成 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>

谢谢你提供的所有帮助！

4

1 回答 1

2

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

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

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

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

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

于 2013-01-21T18:29:39.753 回答