TypeError:无法在“FileReader”上执行“readAsText”:参数 1 不是“Blob”类型

我正在用 scala.js 编写一个 chrome 应用程序,并且有一些文件读取问题。

当我使用 chrome.fileSystem.chooseEntryopenDirectory 选择目录时,我想读取里面的 _meta_.json 文件,代码是:

chrome.fileSystem.chooseEntry(js.Dynamic.literal("type" -> "openDirectory"), (dir: Entry) => {
    dir.getFile("_meta_.json", js.Dynamic.literal(), (entry: FileEntry) => {
        entry.file((file: FileEntry) => {
          val reader = new FileReader()
          reader.onload = (event: UIEvent) => {
            println("############ read file: " + event)
          }
          reader.onloadend = (event: ProgressEvent) => {
            println("############ read file: " + reader.result)
            ()
          }
          reader.onerror = (event: Event) => {
            println("######### read error")
            ()
          }

          println("###### going to read")
          reader.readAsText(entry.asInstanceOf[Blob]) // !!!!
          ()
        })
    })
})

(这里的代码是简化的,如果想看准确的代码,请参考 https://github.com/freewind/fast-links/blob/master/src/main/scala/in/freewind/fastlinks/chrome_app/config/Header.scala#L45

但是当代码运行时,它不会打印任何东西,似乎永远不会读取文件。然后我设置了一个调试器并进入以 // !!!! 结尾的行,并在控制台中运行代码:

reader.readAsText(this.entry$1$2)

它报告错误:

TypeError: Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'.

它清楚地显示了原因,但我不知道如何解决它。我搜索过,但所有类似的示例都使用来自 html DOM 的文件输入文件。

如何正确读取文件?

stack overflow TypeError: Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'
原文答案

答案:

作者头像

我遇到了类似的事情并找到了这个答案: Problems with HTML5 FileReader

TLDR:您传递给文件阅读器的参数是文件名(字符串),而不是文件对象本身。

尝试这样的事情:

loadFile: function(e) {
    if(e != undefined) {
      var file = e.target.files[0];
        if(file != null && file.size > 0) {
          reader.readAsText(this.entry$1$2);
          //process file
        } else {
          //error
        }
    }