如何解决在 react native webview 中显示 epub 文件
我想在 react native webview 中显示 epub 文件。
目前我所做的是我有一个 html 文件,它使用 javascript 显示 epub 文件,下面是 jsfiddle:
<div id="reader">
<div id="toolbar">
<div class="left">
<span>Demo by <a href="http://github.com/geek1011" target="_blank">geek1011</a></span>
</div>
<div class="center">
<input type="file" accept="application/epub+zip" id="bookChooser">
</div>
<div class="right">
<button id="prev"><</button>
<button id="next">></button>
</div>
</div>
<div id="area">
</div>
<script>
book = null;
document.getElementById('bookChooser').addEventListener('change',function(e) {
var firstFile = e.target.files[0];
if (window.FileReader) {
var reader = new FileReader();
reader.onload = function(e) {
book = ePub({
bookPath: e.target.result
});
book.renderTo("area");
/* Replace area with the id for your div to put the book in */
}.bind(this);
reader.readAsArrayBuffer(firstFile);
} else {
alert("Your browser does not support the required features. Please use a modern browser such as Google Chrome,or Mozilla Firefox");
}
});
document.getElementById("prev").onclick = function() {
book.prevPage();
}
document.getElementById("next").onclick = function() {
book.nextPage();
}
</script>
但我必须选择 epub 文件。
有没有一种方法可以将 epub 文件存储在我的资产文件夹中,并直接在 html 文件或 webview 中显示,而不必先使用文件输入选择文件。
我尝试过的事情包括使用 epubjs-rn,但无法运行。
我也尝试过使用 fetch,但我没有得到它。要求是使 epub 文件离线可用,因此从链接获取它也是不可接受的,除非有办法缓存它,但我不知道如何去做。
我愿意接受建议和解决方案。
谢谢
蒂姆
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。