Javascript 如何镜像输入类型=文件

Javascript 如何镜像输入类型=文件,javascript,mirror,input-type-file,Javascript,Mirror,Input Type File,在为下面的pic1选择文件后,是否可以将所选文件自动镜像到第二个表单字段中? 我刚刚开始学习javascript——我该怎么做呢? 详情请-谢谢 您不能这样做–作为安全预防措施,没有网站可以为定义值,也没有脚本可以为其设置值(您会得到未捕获错误:InvalidStateError:DOM异常11) 然而,所有这些都不会丢失,因为您可以使用JavaScript访问用户选择的文件,并将其存储在内存中的其他位置以供以后使用。DOM接口为您提供了一个属性files(a),该属性允许您以实例的形式访问选定

在为下面的pic1选择文件后,是否可以将所选文件自动镜像到第二个表单字段中? 我刚刚开始学习javascript——我该怎么做呢? 详情请-谢谢


您不能这样做–作为安全预防措施,没有网站可以为
定义值,也没有脚本可以为其设置值(您会得到
未捕获错误:InvalidStateError:DOM异常11

然而,所有这些都不会丢失,因为您可以使用JavaScript访问用户选择的文件,并将其存储在内存中的其他位置以供以后使用。DOM接口为您提供了一个属性
files
(a),该属性允许您以实例的形式访问选定的项,而这些项又可以通过的实例解释为Blob

FileReader为您提供以下选项:

  • readAsArrayBuffer
  • readAsBinaryString
  • readAsDataURL
  • readAsText
例如,如果要将数据存储为dataURI

var myInputElement=document.getElementById('pic1');//这个
//假设已选择文件
var fr=new FileReader();//FileReader的实例
fr.onload=函数(e){//完成文件读取时要执行的任务
console.log(this.result);//在控制台中查看
};
fr.readAsDataURL(myInputElement.files.item(0));//开始阅读
var myInputElement = document.getElementById('pic1'); // the <input />
// assuming file already chosen
var fr = new FileReader(); // instance of FileReader
fr.onload = function (e) { // task to do when finished reading file
    console.log(this.result); // view in console
};
fr.readAsDataURL(myInputElement.files.item(0)); // start read