Javascript 如何将文件输入克隆到隐藏iframe中的另一个文件输入
我有一个表单,它有一个文件输入元素,当用户选择文件时,我想将所选文件设置为另一个文件输入,该文件输入在隐藏的iframe中 这是我的表格:Javascript 如何将文件输入克隆到隐藏iframe中的另一个文件输入,javascript,jquery,html,file,Javascript,Jquery,Html,File,我有一个表单,它有一个文件输入元素,当用户选择文件时,我想将所选文件设置为另一个文件输入,该文件输入在隐藏的iframe中 这是我的表格: <form name="uploadForm" > <input type="file" id="fileone" name="fileone" value="" /> <button type="button" id="attachement_upload" onclick="addFile()" >Up
<form name="uploadForm" >
<input type="file" id="fileone" name="fileone" value="" />
<button type="button" id="attachement_upload" onclick="addFile()" >Upload</button>
</form>
<iframe id="FileUploadFrame" name="FileUploadFrame" src="" style="display: none; border: 0; width: 0; height: 0;">
<form id="FileUploadForm" name="FileUploadForm" accept-charset="utf-8" target="FileUploadFrame" enctype="multipart/form-data" encoding="multipart/form-data" method="POST" action="CIMtrek_Regional_WhseForm_FileUpload">
<input type="file" id="filetwo" name="filetwo" value="" />
</form>
</iframe>
我见过这样的事情,但真的不知道怎么做:
$(".inputfield1").change(function(){
var $this = $(this), $clone = $this.clone();
$this.after(clone).appendTo(hiddenform);
});
请帮我完成这项工作。你不能(或不应该)完成这项工作。文件
输入类型具有特殊的安全限制,因为它可以直接访问用户的文件系统。最值得注意的是,您不能在JavaScript中设置文件
输入的值,因为这将允许您在用户不知情的情况下将其设置为~/.ssh/id\u rsa
并窃取重要数据。因此,jQuery不能克隆文件
输入,因为它不能设置值
要使其正常工作,您必须让用户单击iframe
中的文件
输入,也许可以使用一些CSS定位技巧使其看起来像页面的一部分。或者,如果您的用户通常具有更现代的浏览器,则可以使用和
$(".inputfield1").change(function(){
var $this = $(this), $clone = $this.clone();
$this.after(clone).appendTo(hiddenform);
});