从webview中的本地专用目录加载图像

时间:2016-11-29 15:39:23

标签: android android-webview

上下文:

我的应用有时会显示“表格”,这是包含文字和图片的html文件:

<p>image description </p>
<p><img src="/api/medias/get/videos/56afad6447eba61c8099544b?thumbnail=true&amp;company=4f86d0a9d655ab9794f5d1d2&amp;fullSizedCover=true" 
    alt="" 
    data-id="56afad6447eba61c8099544b" 
    data-type="video" data-width="640" data-height="1136" /></p>

然后我使用body.loadDataWithBaseURL(<my api url>, body, "text/html; charset=UTF-8", null, null);

我不认为这是相关的,但我会说以防万一,我有一个包含css和javascript的模板体。 js脚本检测图像点击并将“data-id”发送到android方法(通过JavascriptInterface)。在这种情况下,它会打开一个视频播放器并播放它。

问题:

我的应用允许用户下载这些表格以进行后续离线虚拟化。所以我下载了html,然后将图像下载到我的本地私人目录(Context.getFileDir())并更改html的src以将“缩略图”源设置为我下载的图像:

<p>video</p>
<p><img src="69c623955ecb5bd414f908cd383f3809.jpg" 
    alt="" 
    data-id="56afad6447eba61c8099544b" 
    data-type="video" data-width="640" data-height="360" /></p>

我的问题是:我将什么作为基本网址添加到我的网页视图中以获取预期的行为(即:显示下载的图像)。

我尝试了Context.getFileDir().getAbsolutePath()content://com.android.htmlfileprovider和其他一些。

我应该采用不同的方式吗?

非常感谢,

这很有效:

Picasso.with(iv.getContext()).load(new File(getContext().getFilesDir() + "/" + "69c623955ecb5bd414f908cd383f3809.jpg")).into(iv);

html:

<p>video</p>
<p><img src="69c623955ecb5bd414f908cd383f3809.jpg" alt="" data-id="56afad6447eba61c8099544b" data-type="video" data-width="640" data-height="360" /></p>

我的基本网址:baseUrl = Uri.fromFile(getContext().getFilesDir()).toString();

最后: webview.loadDataWithBaseURL(baseUrl, body, "text/html; charset=UTF-8", null, null);

1 个答案:

答案 0 :(得分:0)

如果您已下载/拥有模板,则可以尝试使用null baseUrl,并将该html模板作为正文传递给webview。 在传递之前找到img标签并设置img src与本地存储文件的完整路径。 Smth喜欢:

Document doc = Jsoup.parse(newHtml);
Elements elems = doc.getElementsByTag("img");
for (Element el : elems) {
    String filename = el.attr("src"); //presumably only name
    String picUri = "file:///" + folder + "/"+filename;
    el.attr("src", picUri);   
}
web.loadDataWithBaseURL(null, htmlBody, "text/html", "UTF-8", null);