Epub Reader示例问题

时间:2014-06-26 10:37:35

标签: android cordova epub

我尝试使用phonegap技术读取epub文件内容以转换书籍格式。我发现使用phonegap的示例如下所示链接:

http://bytedebugger.wordpress.com/2014/05/21/cordovaphonegap-ebook-reader-for-web-and-mobile-with-epub-js-plugin/

在这个例子中,我试图实现基本的epub示例。我尝试编码如下所示:

  <!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Basic ePubJS Example</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <meta name="apple-mobile-web-app-capable" content="yes">


        <!-- EPUBJS Renderer -->
        <script src="../build/epub.min.js"></script>

         <!-- Zip JS -->
        <script src="../build/libs/zip.min.js"></script>  

         <!-- Inflate JS -->
        <script src="../build/libs/inflate.js"></script>  


        <script>

            EPUBJS.filePath = "../build/libs/";

        </script>

         <script>
            var Book = ePub("content.epub");//here epub file path given
        </script>
    </head>
    <body>
        <div id="main">
          <div id="prev" onclick="Book.prevPage();" class="arrow">‹</div>
          <div id="area"></div>
          <div id="next" onclick="Book.nextPage();"class="arrow">›</div>
        </div>

        <script>            

            Book.renderTo("area");

        </script>
    </body>
</html>

错误:操作不安全。未定义

上面的示例没有得到任何显示为空的输出。我对此没有任何了解。所以,请你建议我该怎么办?

先谢谢。

1 个答案:

答案 0 :(得分:1)

首先,阅读本文档:https://github.com/futurepress/epub.js/blob/master/README.md您将看到一个重要部分:

  

如果您打算使用压缩(zipped)epub(任何.epub文件)   包括缩小版本的zip.js

     

还要确保将EPUBJS.filePath设置为包含inflate.js

的目录
<script src="/build/libs/zip.min.js"></script>  

 <script>
     EPUBJS.filePath = "../build/libs/"; 
</script>

因此,您需要做的第一件事就是添加这些库。

某些浏览器可以阻止文件的访问,因此如果您遇到问题,可能需要将其与Web服务器一起使用。