如何将文件输入中的epub加载到Epub.js Reader?

时间:2019-06-11 13:00:32

标签: javascript reactjs epub fileapi epub.js

Epub.js是epub文件的出色阅读器,它可以从传递给它的URL加载文件并以几种格式显示。我目前正在尝试将React Reader用作epub.js的React包装器。

但是,文档中没有提供任何方法来分析用户通过文件输入上传的文件。

如何将文件从文件输入传递到epub阅读器?

我尝试创建文件的ObjectURL URL.createObjectURL(selectedFile),但是它不起作用。

我输入了文件并将对象URL保存为以下状态:

const selectedFile = this.fileInput.current.files[0];
this.setState({
  epubUrl: URL.createObjectURL(selectedFile)
});

但是,当我尝试在组件中使用对象url时:

<ReactReader
  url={this.state.epubUrl}
  title={'EPUB File'}
  location={'epubcfi(/6/2[cover]!/6)'}
  locationChanged={epubcifi => console.log(epubcifi)}
/>

我没有看到任何结果。

react开发工具和控制台中也没有出现任何错误。

0 个答案:

没有答案