从 <img> 标记保存浏览器缓存图像，而不使用 src 属性

Save Browser Cached Image from <img> tag without using src attribute

本文关键字：src 属性 图像 浏览器 img 保存 缓存      更新时间：2023-09-26

假设你有一个网站，

example.com

并且您有一些图像被调整为非常低的质量。当您单击图像时，您会转到"view_image"页面，例如

example.com/view?image=image_related_temp_code

在此页面上，图像以完整质量加载。但是，如果您通过Chrome开发控制台检查其src属性以下载/浏览该src链接，则会得到另一张显示"返回"文本的图像，这可能会禁止您下载带有直接/热链接的文件。因此，这意味着您无法通过src链接获取图像。此外，每次刷新网页时src更改。

我的问题：您将如何使用Java/Jsoup/Javascript，以便您可以直接从网页或浏览器内容获取和保存缓存的图像，而无需使用src属性。

我只尝试使用Jsoup。我执行了一个 Jsoup connect()和get()，通过 Jsoup-Document 使用适当的类组合搜索<img>标签。并实现了getSRC()方法，并实现了srcToFile()使用该方法保存图像的方法Files.copy()。但是，直到现在，我只能一次又一次地获得"返回"图像。

我无法共享网站URL，因为它托管在大学的本地服务器上。这可能是由于文件.htaccess，是否可以以某种方式保存缓存的图像？

您的 HTML 包含 <img src='#nothingToKnow'> .

在body.onload（）中，你通过Ajax-call从服务器读取图像。

但是服务器必须发送base64（图像数据）。使用结果字符串，您可以将图像更改为document.getElementById("theImgId").src = 'data:image/png;base64,'+resultstring;

相关文章：