如何在 Android 上打开 SDCard 上的 HTML 文件

如何解决如何在 Android 上打开 SDCard 上的 HTML 文件

我有一个 HTML 文件以及一些我希望在我的 Android 手机上打开的图像。原因是即使我处于离线状态，我也想访问该文件。我的 HTML 文件位于外部 SD 卡，那么如何打开该文件并使用所有 src="image.png" 行代码？

我可以使用 JavaScript 来解决这个问题吗？

解决方法

刚刚在我的手机上使用一个简单的 html 文件（文本、链接、图像）对其进行了测试。 如果您只需导航到 Android 文件管理器中的 .html 文件并使用您选择的浏览器打开它就足够了。

1. 使用 Android 内置文件管理器导航到 .html 文件
2. 长按文件直到显示为选中状态
3. 在顶部栏中，按三个点 ⋮
4. 在打开的菜单中，按“打开方式”
5. 现在您可以选择要选择的应用程序打开文件，选择任何浏览器

之后，您的浏览器应打开并显示呈现的网站，包括图像、样式等，只要它们位于 .html 文件中定义的正确位置即可。

,

您需要重写所有网址，否则将导致 HTTP 404...

另一种选择是对所有图像进行 base64 编码和内联。

,

如果所有图片都在同一个文件夹中，您可以不使用相对网址吗？如果我在桌面上打开 html 文件 test.html，其中包含以下元素：

<img src = "./my-image1.png" />

和 my-image1.png 与我的 .html 文件在同一个文件夹中，它将显示。

关键是包含 ./。

至于 javascript，您可以使用 javascript 替换整个 html 文件中的所有 src 属性。将所有图像与 .html 放在同一文件夹中后，请尝试这样的操作。

    <script>
        var imageTags = [...document.getElementsByTagName("img")];
        let regex = /([\w\d%]*\.(png|jpg|jpeg|gif))$/
        imageTags.forEach(element => {
            result = element.src.match(regex);
            element.src = "./"+result[0];
        });
    </script>

这样您就不必亲自检查和更改所有标签。只需将该脚本添加到页面底部即可。

编辑：阅读了一些答案，有些人说 SD 卡存储文件的方式与常规目录路径不同，因此我的解决方案可能毫无意义。但我不确定。我觉得值得一试。

它在我的本地浏览器上对我有用。希望它对你有用。

,

您需要将所有图片的 URL 更改为您的 Android/SD 卡目录。
像这样： 将 src="image.jpg" 更改为 src="file:////storage/sdcard0/DCIM/image.jpg" **

**：可能因 Android 手机而异。检查您的文件管理器等。