图像未加载到android手机中的html文件上答案

【问题标题】：Image not loading on html file in android mobile图像未加载到android手机中的html文件上
【发布时间】：2022-01-16 19:21:27
【问题描述】：

我正在尝试在 android 移动浏览器上查看我的 HTML 文件。我的 HTML 文件有以下代码：

<html>
<head>
    <title>Testy</title>
</head>

<body>
    <h1>Captain is Here</h1>
    <img src='captain.jpg' width='30%' alt='Testy'/>
</body>

</html>

图片(captain.jpg) 也位于 HTML 页面所在的同一文件夹中。我在计算机浏览器上获取图像，但是当我尝试在移动浏览器图像中打开它时，没有显示。我尝试提供不同的文件路径。如何通过提供通用路径来实现这一点，即包含这些 HTML 文件的移动设备应该在各自的浏览器中打开并渲染图像？

【问题讨论】：

你是在手机本地打开这个脚本吗？您确定这些图片已包含在您的手机中吗？
是的，当然。我将包含图像和 HTML 文件的文件夹复制到内部和外部存储。但它没有用。
那么您可以尝试将 URL 从 whatever.htm 更改为 captain.png 看看发生了什么吗？
尝试给前缀./，所以它变成./captain.png
@PraveenKumarPurushothaman 它不像我试过的那样工作。

标签： android html

【解决方案1】：

1- 您的图片尺寸太大，请尝试使用较小尺寸的图片，或者将您的图片调整或格式化为较小尺寸。

尝试src-'./caption.jpg' 而不是src='caption.jpg'

【讨论】：

这对我不起作用。我试过给file:///sdcard/Testy/captain.jpg，但没用。

【解决方案2】：

在Chrome中通过Html的直接位置打开解决这个问题。

为此，通过文件管理器详细获取 html 文件位置目录示例storage/emulated/0/web_folder/file.html 并复制它

之后 1.打开镀铬 2.输入file:///并粘贴目录位置 3."file:///storage/emulated/0/web_folder/file.html"现在可以带图片运行了

确保 chrome 允许存储权限对于 chrome 的打开权限设置并允许存储权限

【讨论】：

由于不同供应商维护的文件 URL 不同，因此不可能在每个 android 手机中实现。比如内容：//，文件：//
通过文件管理器详细获取目录位置我说该网址仅用于示例目的
即使我根据我的文件管理器给出了位置，我也无法在我的 HTML 页面中加载图像

【解决方案3】：

这就是使用`mhtml` 和 URL 的地方！！！

你有没有在 android 中使用 chrome 下载过页面？如果是这样你就会知道 mhtml

MHTML 是“聚合 HTML 文档的 MIME 封装”的缩写，是一种网页归档格式，用于在单个计算机文件中组合 HTML 代码及其相关资源（例如图像、Flash 动画、Java 小程序以及音频和视频文件）在网页的 HTML 代码中由外部超链接表示

要将您的 html 转换为 mhtml，您可以使用一些工具，但您也可以手动。

转换需要不将文件重命名为index.mhtml，但使用所有必要的文件作为超链接

如果您熟悉的话，您可以使用像 imgur 或 imgbb 或这样的图像托管网站，甚至可以使用 firebase。
托管后通过
获取链接

右击图片
在新标签中打开图片
复制链接
使用它（链接）而不是 Captain.jpg

Here is an example of how to get link using imgbb

【讨论】：

这就是使用mhtml 和 URL 的地方！！！

Here is an example of how to get link using imgbb

这就是使用`mhtml` 和 URL 的地方！！！