大佬帮我看看这个图片怎么下载

zoenbo

https://service.ebook.hyread.com.tw/ebookservice/epubreader/hyread/v3/openbook2.jsp?device=web&sid=ED4FFE8AC41FF05D7EBFD0CCAEA8CEFE.jvm172&eid=324072&openmode=1&trial=page&returnAct=storeTrial&clientId=0&unit=hyread&ip=234.134.209.319&vid=ed8459fe977a48cfac6d91a5bdff574d&asset_id=8a8a84ca80f57c250186dec904e00604&localization=zh-TW&platform=web

我想下试阅的图片，但是BLOB的，不知道怎么弄，开发者管理工具/网络里可以预览并右键下载，但需要一张张另存为，并且还得改后缀，太麻烦了，用油猴怎么让它加载出来就自动下载成JPG或者PNG呢？（包括每次翻页后加载完也下）

求助众大佬大神~~

zoenbo

無人問津,只好請教超級大佬了~ @李恒道

李恒道

网站进不去
但是如果blob的话可以试试fileSaver看看
https://bbs.tampermonkey.net.cn/ ... thread&tid=1147
直接MutationObserve+FilerSaver应该就可以自动下载

zoenbo

李恒道 发表于 2023-10-4 19:32
网站进不去
但是如果blob的话可以试试fileSaver看看
https://bbs.tampermonkey.net.cn/forum.php?mod=viewt ...

好的~我試試

李恒道

zoenbo 发表于 2023-10-4 19:37
好的~我試試

哥哥先试试
主要网站是在进不去= =

zoenbo

李恒道 发表于 2023-10-4 19:52
哥哥先试试
主要网站是在进不去= =

我不太会，用GPT写的代码不好用，
用这个网址，封面下边有个试阅按钮，https://ebook.hyread.com.tw/bookDetail.jsp?id=324072
才发现这个试阅页面只能打开一次，刷新页面就打不开了。

李恒道

zoenbo 发表于 2023-10-4 20:28
我不太会，用GPT写的代码不好用，
用这个网址，封面下边有个试阅按钮，https://ebook.hyread.com.tw/book ...

这玩应我也进不去....

李恒道

李恒道 发表于 2023-10-4 21:00
这玩应我也进不去....

saverAs直接存blob后边的url应该就行

zoenbo

李恒道 发表于 2023-10-4 21:01
saverAs直接存blob后边的url应该就行

大佬，我用GPT生成的这，具体也不知道咋改，改了N次也用不了。这个网站得扶梯。

1. // ==UserScript==
   
2. // [url=home.php?mod=space&uid=23356]@name[/url]         Blob图片AUTODL
   
3. // @namespace    http://your-namespace.com
   
4. // @version      1.0
   
5. // @description  监控并AUTO下载 Blob 图片
   
6. // [url=home.php?mod=space&uid=52134]@match[/url]        https://service.ebook.hyread.com.tw/*
   
7. // @grant        none
   
8. // ==/UserScript==
   
9. 
   
10. (function() {
    
11.   // 创建 MutationObserver 实例
    
12.   const observer = new MutationObserver((mutationsList) => {
    
13.     // 遍历每个 mutation
    
14.     for (const mutation of mutationsList) {
    
15.       // 检查是否有 img 元素的 src 属性变化
    
16.       if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
    
17.         const img = mutation.target;
    
18.         const src = img.src;
    
19. 
    
20.         // 检查是否为 Blob URL
    
21.         if (src.startsWith('blob:')) {
    
22.           // 下载图片
    
23.           downloadBlobImage(src, img.alt || 'image.jpg'); // 使用 alt 属性作为文件名，如果没有则使用默认文件名 'image.jpg'
    
24.         }
    
25.       }
    
26.     }
    
27.   });
    
28. 
    
29.   // 监听 <img> 元素的 src 属性变化
    
30.   observer.observe(document, { attributes: true, subtree: true, attributeFilter: ['src'] });
    
31. 
    
32.   // 下载 Blob 图片
    
33.   function downloadBlobImage(url, filename) {
    
34.     const xhr = new XMLHttpRequest();
    
35.     xhr.open('GET', url, true);
    
36.     xhr.responseType = 'blob';
    
37.     xhr.onload = function() {
    
38.       if (xhr.status === 200) {
    
39.         const blob = xhr.response;
    
40.         const blobUrl = URL.createObjectURL(blob);
    
41.         const link = document.createElement('a');
    
42.         link.href = blobUrl;
    
43.         link.download = filename;
    
44.         link.style.display = 'none';
    
45.         document.body.appendChild(link);
    
46.         link.click();
    
47.         document.body.removeChild(link);
    
48.         URL.revokeObjectURL(blobUrl);
    
49.       } else {
    
50.         console.error('下载图片时出错:', xhr.statusText);
    
51.       }
    
52.     };
    
53.     xhr.onerror = function() {
    
54.       console.error('下载图片时出错');
    
55.     };
    
56.     xhr.send();
    
57.   }
    
58. })();

复制代码

李恒道

zoenbo 发表于 2023-10-4 21:11
大佬，我用GPT生成的这，具体也不知道咋改，改了N次也用不了。这个网站得扶梯。
...

槽点有点多...
有兴趣还是手写吧
gpt压根就不是能写代码的东西

首先监听的不应该是document
其次src属性更改触发取决于技术栈的，如果是重新创建的话会监听不到
还有就是link点击触发下载会存在浏览器兼容问题
所以才推荐fileSaver