【前端】引用别的网站的图片显示403

最新推荐文章于 2025-05-19 16:24:23 发布
最新推荐文章于 2025-05-19 16:24:23 发布
阅读量1.4k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： 图片引用 403
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41728561/article/details/83994870
本文探讨了在网页中同时使用HTTPS和HTTP链接加载图片时出现的错误。作者发现，当图片源为HTTPS而引用链接为HTTP时，浏览器会阻止加载并抛出错误。解决方法是确保所有链接均为HTTPS。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在网上查了好久都说是没有加<meta name="referrer" content="no-referrer"/>

然而我的不是这个原因

所引用图片的网站是https的   我写的图片链接是http  所以发生错误  改成https即可。

jsp前端显示服务器图片,JSP中通过Servlet 将服务器硬盘图片并展示到浏览器
weixin_39710003的博客
08-02 974
WEB开发中，要经常使用动态图片显示到前端，然而我们都知道图片只能在服务器中发送给用户，今天爱站技术频道小编就为大家介绍JSP中通过Servlet 将服务器硬盘图片并展示到浏览器，希望大家都能实现想要的功能。JSP中通过Servlet 将服务器硬盘图片并展示到浏览器其实这个实例非常简单，但是今天有人问我了，而且我也写了个小例子，就顺便发上来吧！在浏览器显示一张图片，使用标签img 元素向网页中嵌入...
访问图片出现403的解决办法
github_37759996的博客
07-09 1950
403是防止盗链的错误 方法一：使用no-referrer 这种方案不仅针对图片的防盗链,还可以是其他标签. 在前端页面头部添加一个meta <meta name="referrer" content="no-referrer" /> referrer的几种状态 <!-- a标签的referrer --> <a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a&gt
网络图片通过img标签显示 错误码403
Harley567
02-01 1093
图片防盗
手把手教你解决HTTP 403 Forbidden错误（全网最全解决方案）
最新发布
gskks6655661的博客
05-19 5352
虚拟主机陷阱：某些廉价虚拟主机禁止访问.log文件缓存毒药：浏览器缓存了旧的403响应（Ctrl+F5强制刷新）大小写敏感：Linux系统区分大小写，Image.jpg和image.jpg是两个文件隐藏字符陷阱：文件名包含不可见字符（用ls -b查看）防爬升级：某些网站会检测Headless浏览器（记得伪装）检查文件权限验证服务器配置分析请求头信息查看日志文件排除网络限制记住：每个403错误背后都有一个明确的原因，只是服务器这个闷骚的家伙不愿意直说。
网络图片访问不到，403的解决办法（详解）
weixin_43909743的博客
07-27 8078
前言 富文本中复制百度百科的一份知识，在项目预览时发现图片显示不出来，报403问题， 图片地址用新网址打开正常显示 原因：403是防止盗链的错误（这种设计，是api厂商正常保证自己的服务器不被刷流量） 解决 方案一：使用no-referrer 在head 中添加 <meta name="referrer" content="no-referrer" /> 防盗链的机制： 通过页面的referrer信息，判断访问者来源，是否本站点，然后对图片等请求作出相应 no-referrer： 1
图片403
vip.khan的博客
06-14 572
网络图片出现403在<head></head>里面加上<meta name="referrer" content="no-referrer" />就ok啦啦啦
Laravel框架之解决前端显示图片问题
10-16
当开发者需要在用户上传图片后在前端页面显示这些图片时，会遇到一些典型的配置和路径问题，尤其是在从本地环境（如WAMP）迁移到生产环境（如LNMP）时。 在本地测试环境中（如使用WAMP环境），通常所有配置都是临时...
Vue动态加载图片在跨域时无法显示的问题及解决方法
10-15
本文主要探讨了在Vue项目开发中遇到的一个常见问题——动态加载的图片在跨域环境下无法正常显示的问题。这个问题的根源在于浏览器安全策略限制，导致前端应用无法直接从不同源（域名、协议或端口）的服务器上加载...
web前端--添加、显示表情图片
03-22
在Web前端开发中，添加和显示表情图片是增强用户交互体验的重要一环，尤其是在社交应用、聊天室或者论坛等场景中。表情图片可以是简单的文本表情（如：`:smile:`），也可以是复杂的图像文件（如：.gif或.png）。本篇...
前端图片压缩base64后台还原图片
04-19
这段代码展示了如何使用FileReader API读取用户选择的图片，将其转换为DataURL，然后调用压缩函数（未在此处显示，需自行实现或引用外部库），并将压缩后的base64字符串发送到后台。 总结： 前端图片压缩base64是...
解决访问站外图片403(referrer)问题
富朝阳的博客
03-19 3071
http请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，这个referrer信息是可以省略但是不可修改的，就是说你只能设置是否带上这个referrer信息，不能定制referrer里面的值。服务器端在拿到这个referrer值后就可以进行相关的处理，比如图片资源，可以通过referrer值判断请求是否来自本站，若不是则返回403或者重定向返回其他信息，从而实现图片的防盗链。我们在使用站外图片的时候，访问图片403,但是浏览器直接访问图片链接可以打开，这是为什么呢？
打开网站服务器显示403,打开网站显示403是什么意思
weixin_34404671的博客
07-30 8553
403Forbidden是HTTP协议中的一个状态码(Status Code)。可以简单的理解为没有权限访问此站。该状态表示服务器理解了本次请求但是拒绝执行该任务，该请求不该重发给服务器。在HTTP请求的方法不是“HEAD”，并且服务器想让客户端知道为什么没有权限的情况下，服务器应该在返回的信息中描述拒绝的理由。在服务器不想提供任何反馈信息的情况下，服务器可以用404 Not Found代替40...
img标签src引用网络图片响应403
濮家大少
03-07 998
img标签src引用网络图片响应403
访问图片不显示，报403，图片地址受限制
讨口子
05-19 1309
一般出现这种情况是通过第三方编辑器（富文本）上传图文信息导致在前端显示不出来 原因是：由于微信限制外链不可访问,同时第三方编辑器设置了HTTP Referer，当浏览器向web服务器发送请求的时候，一般会带上Referer，告诉服务器我是从哪个页面链接过来的，利用Referer是可以防止图片盗链的，所以这就是报错的原因啦。 解决方案： h5网页端加上meta标签 <meta name="referrer" content="no-referrer" /> ...
页面访问网络图片 403 的前端处理办法
TangAcrab的博客
10-26 1761
页面引用知乎日报的内容图片的时候请求显示403，应该是图片防盗链。解决办法如下： 在页面 头部 &lt;head&gt;&lt;/head&gt;加入 &lt;meta name="referrer" content="no-referrer"/&gt; ...
img标签插入图片返回403，图片显示不出来
Haines
11-08 584
最后在html中加了<meta name="referrer" content="no-referrer" />解决了
请求网络图片403解决方案——vue、普通网页、小程序
陈福国的博客
07-16 2403
vue项目找到index.html页面。普通网站直接在中添加meta属性。同样需要解决refere问题。image标签上添加属性。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值