Question

我想在我的应用程序中使用epub book。我找到了这个链接http://www.siegmann.nl/epublib/android来打开我的epub书。

我理解如何显示epub书中的文字，

但我的图片，CSS文件和链接存在问题。他们的URL是资产文件夹，例如：

文件：///android_asset/index_split_000.html#back_note_1 文件：///android_asset/images/image-1.jpeg

在资源文件夹中没有像这样的HTML页面，没有图像文件夹，只有epub压缩文件。

如何使用所有内部文件？

我的代码：

WebView webView=(WebView) findViewById(webView);
List<Chapter> chapters=new ArrayList<Chapter>();
AssetManager assetManager = getAssets();
    try{   
        //find input Stream for book
        InputStream epubInputStream = assetManager.open("xxxxx.epub");
        //Load book from input stream
        book = (new EpubReader()).readEpub(epubInputStream);

       //Log the book's cover image property
        Bitmap coverImage =     BitmapFactory.decodeStream(book.getCoverImage().getInputStream());
        //Log.i("epublib", "CoverImage is" + coverImage.getWidth()+" by "+coverImage.getHeight()+" pixels");

        //Log the tables of contents
        logTableOfContents(book.getTableOfContents().getTocReferences(),0);


    }
    catch(IOException e){
        Log.e("epublib", e.getMessage());
    }




private void logTableOfContents(List<TOCReference> tocReferences, int depth) {

    if (tocReferences == null) {

      return;

    }

    for (TOCReference tocReference : tocReferences) {

      StringBuilder tocString = new StringBuilder();



      try {
          Chapter chapter=new Chapter();

          String s=new String(tocReference.getResource().getData());
          chapter.setTitle(tocReference.getTitle());
          chapter.setContent(s);
          chapters.add(chapter);
    } catch (Exception e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }

      logTableOfContents(tocReference.getChildren(), depth + 1);

    }

  }

章节是我自己的课程：

public class Chapter {

String title;
String content;

public Chapter(String titlt,String content) {
    this.title=titlt;
    this.content=content;
}

public Chapter() {
}

public String getTitle() {
    return title;
}
public String getContent() {
    return content;
}
public void setTitle(String title) {
    this.title = title;
}
public void setContent(String content) {
    this.content = content;
}

}

将数据加载到webview中：

 webView.loadDataWithBaseURL("file:///android_asset/",chapters.get(index).getContent(), "text/html", "utf-8", null);

Answer 1

一种简单的方法是将EPUB文件解压缩到一个临时目录中，然后从那里加载XHTML文件。通过这种方式，WebView将自动解析每个XHTML文件中存在的图像文件，CSS文件等的相对链接。

此技术的一个示例如下：https://github.com/pettarin/epub3reader

当然，您可以避免解压缩整个EPUB文件，只需阅读＆＃34;一个XHTML文件到内存（RAM），但如果你这样做，你必须修补XHTML源以注入WebView，和/或手动管理图像/ CSS /等的提取。从当前XHTML引用的文件。如果你的目标是＆＃34;简单＆＃34; EPUB文件，＆＃34;只需在tmp目录中解压缩＆＃34;方法更容易。

Answer 2

不解压缩epub库。

您需要做的就是获取您可以使用epublib轻松完成的位图图像。然后我将它们保存在一个临时文件夹中，并在html中使用string.replace来确保html现在指向新的临时目录，而不是webview不知道在哪里＆＃34; / images＆＃34;是。

获取所有的双极图作为资源

MediaType[] bitmapTypes = { MediatypeService.PNG, MediatypeService.GIF, MediatypeService.JPG };
List<Resource> bitmapResources = book.getResources().getResourcesByMediaTypes( bitmapTypes );

将所有位图作为资源循环：

    for(Resource r : bitmapResources) {
           Bitmap bm = BitmapFactory.decodeByteArray(r.getData(), 0, r.getData().length);
       // store in a public folder on android
     }

替换webview中的html，＆＃34; / images /＆＃34; to＆＃34; selectedfile / tempfolder＆＃34;指向临时文件：

    String imagePath = "file://" + Environment.getExternalStorageDirectory().getAbsolutePath() + "/temp_images" + File.separator;
    text = text.replaceAll("images/", imagePath);
    webView.loadDataWithBaseURL("", text, "text/html", "UTF-8", "");

android epublib访问css，images，urls内部文件

2 个答案: