javascript - 上传时读取 .epub 文件

Question

当我将 .epub 文件上传到浏览器时，我希望能够打开它，抓取封面图像并将其与 .epub 本身分开保存。

为了做到这一点，我正在使用 react dropzone和 futurepress epub reader 。在自述文件中写道:

“在最新的浏览器版本中，onDrop 给出的文件没有属性 path 或 fullPath。如果您想访问文件内容，则必须使用 FileReader API”

这是我当前的代码:

onDrop(acceptedFile) {
  for (var i = 0, f; f = acceptedFile[i]; i++) {
    const reader = new FileReader();
    reader.onload = (function(reader) {
      return function() {
        const contents = reader.result;
        const Book = ePub(contents);
        console.log(Book);
      }
    })(reader);

    reader.readAsText(f);
  }
}

当我尝试上传 .epub 文件时，我得到 - “referenceError:href 未定义”

Answer 1

FileReader API onload 事件有不同的概要:

reader.onload = function(event) {
    // showing the text of the file
    console.log(event.target.result)
};

所以我建议这样改变:

onDrop(acceptedFile) {
  for (var i = 0, f; f = acceptedFile[i]; i++) {
    const reader = new FileReader();
    reader.onload = (function(event) {
      return function() {
        const contents = event.target.result;
...