Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/lua/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将值从一个表单的文件上载字段复制到另一个表单的文本字段?_Javascript_Jquery_Forms - Fatal编程技术网

Javascript 如何将值从一个表单的文件上载字段复制到另一个表单的文本字段?

Javascript 如何将值从一个表单的文件上载字段复制到另一个表单的文本字段?,javascript,jquery,forms,Javascript,Jquery,Forms,我有一页,上面有两种不同的表格。第一个表单允许用户上传并通过电子邮件发送图像文件,第二个表单根据用户输入生成URL 为了将图像名称添加到URL,我需要在第二个表单中有一个字段,该字段从第一个表单中的字段复制图像名称,我不希望用户在一个页面上浏览和选择图像两次。我发现跨表单将数据从一个字段复制到另一个字段的最佳方法是jQuery代码:,但它不适用于我的目的。例如,它可以从一个文本字段到另一个文本字段完美地工作,但不能从一个文件字段到另一个文本字段,或者从一个文件字段到另一个文件字段 有没有办法获取

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

为了将图像名称添加到URL,我需要在第二个表单中有一个字段,该字段从第一个表单中的字段复制图像名称,我不希望用户在一个页面上浏览和选择图像两次。我发现跨表单将数据从一个字段复制到另一个字段的最佳方法是jQuery代码:,但它不适用于我的目的。例如,它可以从一个文本字段到另一个文本字段完美地工作,但不能从一个文件字段到另一个文本字段,或者从一个文件字段到另一个文件字段

有没有办法获取表单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>
谢谢你能给我的帮助

只需对输入类型文件使用更改处理程序,而不是键控:

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


顺便说一句,这段代码应该进行重构。

如果您在字段中键入,这将起作用。您可能希望添加一个更改事件,以便在文件选择器对话框更新文件字段时捕获该事件。
 $("input[name='a1']").change(function() {
        $("input[name='b1']").val($(this).val());
    });