FileReader.result

Posted 2020-11-22 jie9527-

FileReader.result

该属性返回文件的内容。此属性仅在读取操作完成后才有效，并且数据的格式取决于用于启动读取操作的方法。FileReader]**result**

句法

var file = instanceOfFileReader .result

值

适当的字符串或ArrayBuffer]基于哪种读取方法来启动读取操作。该值是null读数是否尚未完成或未成功。

结果类型如下所述。

方法	描述
readAsArrayBuffer()	的result是javascript ArrayBuffer包含的二进制数据。
readAsBinaryString()	该result包含在一个字符串的文件的原始的二进制数据。
readAsDataURL()	该result是一个字符串data:表示文件的传输数据的URL。
readAsText()	该result是一个字符串文本。

例

此示例展示了一个函数，read()该函数从file input读取文件。它的工作方式是创建一个FileReader对象并为加载事件创建一个侦听器，以便在读取文件时result获取并将其传递给提供给的回调函数read()。

内容作为原始文本数据处理。

var fileInput = document.querySelector('input[type="file"]');

function read(callback) {
  var file = fileInput.files.item(0);
  var reader = new FileReader();

  reader.onload = function() {
    callback(reader.result);
  }

  reader.readAsText(file);
}