從中保存瀏覽器緩存的圖像 <img> 標記而不使用src屬性

Question

假設您有一個網站，

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文件所致，是否可以某種方式保存緩存的圖像？

Answer 1

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

在body.onload（）中，您通過服務器的Ajax調用讀取了圖像。

但是服務器必須發送base64（imagedata）。 使用結果字符串，將圖像更改為document.getElementById("theImgId").src = 'data:image/png;base64,'+resultstring;