0

在为下面的 pic1 选择文件后，是否可以将所选文件自动镜像到第二个表单字段中？我刚刚开始学习 javascript - 我将如何去做呢？请详细说明-谢谢！

4

1 回答 1

0

您不能这样做 ‒ 作为安全预防措施，没有网站可以为 an 定义值<input type="file" />，也没有脚本可以为其设置值（您会得到一个Uncaught Error: InvalidStateError: DOM Exception 11）。

然而，一切都不会丢失，因为您可以使用JavaScript访问用户选择的文件并将其存储在内存中的其他位置以供以后使用。HTMLInputElement DOM 接口为您提供了一个属性（files一个FileList ），它允许您以File实例的形式访问选定的项目，然后可以通过FileReader的实例将其解释为Blob。

FileReader让您可以选择

  • readAsArrayBuffer
  • readAsBinaryString
  • readAsDataURL
  • 读取文本

例如，如果您想将数据存储为dataURI，

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
于 2013-05-28T17:39:44.657 回答