有些帖子由于Referer的原因无法正确加载图片

岚依

我不知道是不是我打开的姿势不对，但有些帖子就是无法加载外链的图片，怎么说呢。。。看上去好像这是其他（储存了图片的）网站的防盗链措施，但是它们加载不出来还是挺影响阅读体验的
比如说这样：
（帖子链接 https://bbs.nyasama.com/forum.php?mod=viewthread&tid=78092&page=6#pid813485 ）

图片永远加载不出来

图片永远加载不出来，在控制台里可以发现加载失败了，原因大概是B站服务器通过Referer发现了这边在盗链（

可以看见加载失败了

原因大概是B站服务器通过Referer发现了图片是从喵玉加载的（

帖子实际上应该是这样的：

所以，是不是可以考虑监听图片标签加载失败的事件，在加载失败后换别的referer / cors再试一遍，或者直接把图片标签的referer-policy设为no-referer，假如实在不行的话，直接上iframe

PS: 我写了一个油猴脚本来暂时解决这个问题，也许能帮到有同样问题的人（
它应该能够监听所有“延迟加载”的图片，并在图片加载失败的时候自动重新尝试一遍

1. // ==UserScript==
   
2. // @name         Referer rescuer
   
3. // @namespace    http://tampermonkey.net/
   
4. // @version      0.1
   
5. // @description  try to take over the world!
   
6. // @author       lanyi
   
7. // @match        https://bbs.nyasama.com/*
   
8. // @grant        none
   
9. // ==/UserScript==
   
10. 
    
11. (function() {
    
12.   'use strict';
    
13.   document.body.querySelectorAll(`img[lazyloadthumb="1"]`).forEach(element => {
    
14.     console.log(`adding error handler for ${element.id}`);
    
15.     element.onerror = async () => {
    
16.       console.log(`rescuing ${element.id}`);
    
17.       const response = await fetch(element.getAttribute('src'), {
    
18.           "headers": {
    
19.           "accept": "*/*",
    
20.           "sec-fetch-dest": "empty",
    
21.           "sec-fetch-mode": "cors",
    
22.           "sec-fetch-site": "cross-site"
    
23.         },
    
24.         "referrerPolicy": "no-referrer",
    
25.         "mode": "cors",
    
26.       });
    
27.       element.setAttribute('src', URL.createObjectURL(await response.blob()));
    
28.     };
    
29.   })
    
30. })();

复制代码

PSS:为什么手机版（触屏版）直接就连<img>标签都消失了啊喂！

ooxoo

……出现这个问题一般是因为发帖人用了不可以外链的图床 也就是说图片的存储网站不允许把图片发到别的地方比如这里来 重新尝试几遍也没用的（
……这不是喵玉想处理就可以处理的事情 而且喵玉也不该管这事 只能提醒发帖的人把图片换个允许外链的图床或者转存到喵玉再放（

岚依

ooxoo 发表于 2020-5-19 02:01
……出现这个问题一般是因为发帖人用了不可以外链的图床 也就是说图片的存储网站不允许把图片发到别的地方 ...

嗯。。确实有道理orz