如何将文件输入克隆到隐藏iframe中的另一个文件输入
我有一个具有文件输入元素的表单,当用户选择文件时,我想将所选文件设置为隐藏iframe中的另一个文件输入,
这是我的forms:
和我的java脚本:
function addFile(){ //this is where i want to clone the fileone to filetwo and submit the form which is in iframe }
我见过这样的事情,但真的不知道该怎么做:
$(".inputfield1").change(function(){ var $this = $(this), $clone = $this.clone(); $this.after(clone).appendTo(hiddenform); });
请帮我完成这件事。
你不能(或不应该)能够做到这一点。 file
输入类型,只要它可以直接访问用户的文件系统,就有特殊的安全限制。 最值得注意的是,您无法在JavaScript中设置file
输入的value
,因为这样可以将您设置为类似~/.ssh/id_rsa
并在用户不知情的情况下窃取重要数据。 因此,jQuery应该无法克隆file
输入,因为它无法设置值。
要使其工作,您必须让用户单击iframe
的file
输入,可能使用一些CSS定位技巧使其看起来像页面的一部分。 或者,如果您的用户通常拥有更多现代浏览器,您可以使用File API并使用Ajax上传文件 。