如何将所选文件转换为 blob 格式？答案

【问题标题】：How to convert the selected file to blob format?如何将所选文件转换为 blob 格式？
【发布时间】：2022-01-08 22:58:50
【问题描述】：

我有简单的输入文件字段。

<input  type="file"
       id="openselect"
       name="files[]"
       (change)="fileSelect($event)">

它具有尝试将所选文件转换为 BLOB 格式的相关功能。

openselect.addEventListener("change", fileSelect, false);
function fileSelect(event) {
  const file = event.target['files'][0];
  const fileReader = new FileReader();
  fileReader.readAsText(file);
  console.log(fileReader.result)    // null
  console.log('iamge as blob: ', new Blob([fileReader.result]))        // meta info
}

因此，控制台只显示文件元信息，但不显示 BLOB 字符串。

请帮我将选定的文件转换为 BLOB 字符串。

这是live example。

【问题讨论】：

您忘记了reader.addEventListener("load") 部分：developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsText

标签： javascript filereader

【解决方案1】：

查看 Mozilla 的 FileReader 文档 (https://developer.mozilla.org/en-US/docs/Web/API/FileReader/result)：

这个例子展示了一个函数，read()，它从一个文件输入中读取一个文件。它的工作原理是创建一个 FileReader 对象并为加载事件创建一个侦听器，以便在读取文件时获取结果并将其传递给提供给 read() 的回调函数。

解决方案：Live Example

另一个可能对您有帮助的问题HTML5 FileReader how to return result?

【讨论】：