后端返回HTML图片不显示问题 排bug

最新推荐文章于 2024-01-10 20:30:05 发布
最新推荐文章于 2024-01-10 20:30:05 发布
阅读量1.1k 收藏 5
点赞数 3
分类专栏： 排bug 文章标签： bug 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51908680/article/details/124565775
版权

解决办法拉到最后

在做官网的资讯板块，后端要返回一些新闻数据，为了使页面更加真实，就去百度扒了些相关的文章，在本地一切正常，但是给后端然后一返回图片就裂开了

 

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5rC05rC0Xw==,size_20,color_FFFFFF,t_70,g_se,x_16

但是地址输回车可以直接访问到，一开始我以为是后端的问题，需要在服务器加啥请求的配置来访问第三方的资源

有点不得其解，后面问了另外一个后端朋友

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5rC05rC0Xw==,size_20,color_FFFFFF,t_70,g_se,x_16

一开始还以为他说的是http 响应头 后端加的那个，原来他说的是Meta标签的一个属性

然后我就去差Meta属性的各个配置发现都没有直接说明这个问题的

 

我突然想到帅地之前在他的星球说因为掘金给图片加了防盗链导致他文档的图片全挂了

我再次查看我请求的图片资源，发现裂开的图片地址都含了百度，所有应该是百度加了防盗链的缘故才会导致裂图，知道了这个就很好搜索了

官方输出图片的时候，判断了来源 Referer ，就是从哪个网站访问这个图片，如果是你的网站去加载这个图片，那么 Referer 就是：你的网站地址；

如果我们的网站地址不在官方的白名单内，所以就看不到图片了。

只需要在HTML文件head那里加上这句话就可以访问到了

<meta name="referrer" content="never">

参考文章：https://github.com/biaochenxuying/blog/issues/31

 

小水水_
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
8tupian图片加密平台 v3.0
04-23
8tupian图片加密平台采用 php+mysql 的环境，php版本是php5.6。 源码是通过调用八图片平台的API，进行设计开发的。用此源码搭建的网站，用户资金直接进入你自己的支付接口。8tupian图片加密平台简介8tupian图片加密平台是一个可以对图片进行加密的网络平台。 将原始图片上传，就可以生成一张加密的网络图片。 这张网络图片可以发布到网站，论坛，公众号，QQ群等网上的任何角落。 用户扫一扫图片上的二维码，进行打赏之后就可以看到原始图片。打赏金额可以自行设置。打赏总收入存储在您的平台账户中，可以提现。 另外，对图片打赏后，还可以跳转到一个指定网页(URL地址)。8tupian图片加密平台源码说明8tupian图片加密平台包含三种模式上传图片。支付接口支持对接微信jsapi，支付宝当面付，码支付，xorpay支付等，个人也可以对接。8tupian图片加密平台是一个独立的网站，你需要独立运营，独立审核图片，独立给商户结算。可在此源码的基础上进行二次开发，修改等。文件目录说明： Application/Home/View/ 个人中心的前端页面（包括注册，登录，修改资料，上传图片等） Application/Home/Controller/ 个人中心的后端处理页面 admin/ 管理员的后台管理页面 （建议修改此文件夹名称） data/ 上传的图片存储在这个目录（管理员可对此文件夹中的图片进行查看，审核等） p.php 网页地址的文件 pay.php 支付地址的文件 index.html 展示页面（此页面可替换） 源码内有配置说明文档，可以参照阅读。8tupian图片加密平台 v2.7 更新说明1.增加对静态图片的支持8tupian图片加密平台 v3.0 更新说明： 1.增加对静态图片的支持 2.支付宝当面付接口，增加支付后手机端自动跳转的功能。8tupian图片加密平台截图
java开源包5
06-28
Spring4GWT GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单，提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏，可在线玩。 public class JVMine extends java.applet.Applet 简单实现！~ 网页表格组件 GWT Advanced Table GWT Advanced Table 是一个基于 GWT 框架的网页表格组件，可实现分页数据显示、数据排序和过滤等功能！ Google Tag Library 该标记库和 Google 有关。使用该标记库，利用 Google 为你的网站提供网站查询，并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache SimpleCache 是一个简单易用的java缓存工具，用来简化缓存代码的编写，让你摆脱单调乏味的重复工作！1. 完全透明的缓存支持，对业务代码零侵入 2. 支持使用Redis和Memcached作为后端缓存。3. 支持缓存数据分区规则的定义 4. 使用redis作缓存时，支持list类型的高级数据结构，更适合论坛帖子列表这种类型的数据 5. 支持混合使用redis缓存和memcached缓存。可以将列表数据缓存到redis中，其他kv结构数据继续缓存到memcached 6. 支持redis的主从集群，可以做读写分离。缓存读取自redis的slave节点，写入到redis的master节点。 Java对象的SQL接口 JoSQL JoSQL(SQLforJavaObjects)为Java开发者提供运用SQL语句来操作Java对象集的能力.利用JoSQL可以像操作数据库中的数据一样对任何Java对象集进行查询,排序,分组。 搜索自动提示 Autotips AutoTips是为解决应用系统对于【自动提示】的需要(如：Google搜索), 而开发的架构无关的公共控件, 以满足该类需求可以通过快速配置来开发。AutoTips基于搜索引擎Apache Lucene实现。AutoTips提供统一UI。 WAP浏览器 j2wap j2wap 是一个基于Java的WAP浏览器，目前处于BETA测试阶段。它支持WAP 1.2规范，除了WTLS 和WBMP。 Java注册表操作类 jared jared是一个用来操作Windows注册表的 Java 类库，你可以用来对注册表信息进行读写。 GIF动画制作工具 GiftedMotion GiftedMotion是一个很小的，免费而且易于使用图像互换格式动画是能够设计一个有趣的动画了一系列的数字图像。使用简便和直截了当，用户只需要加载的图片和调整帧您想要的，如位置，时间显示和处理方法前帧。 Java的PList类库 Blister Blister是一个用于操作苹果二进制PList文件格式的Java开源类库（可用于发送数据给iOS应用程序）。 重复文件检查工具 FindDup.tar FindDup 是一个简单易用的工具，用来检查计算机上重复的文件。 OpenID的Java客户端 JOpenID JOpenID是一个轻量级的OpenID 2.0 Java客户端，仅50KB+（含源代码），允许任何Web网站通过OpenID支持用户直接登录而无需注册，例如Google Account或Yahoo Account。 JActor的文件持久化组件 JFile JFile 是 JActor 的文件持久化组件，以及一个高吞吐量的可靠事务日志组件。 Google地图JSP标签库 利用Google:maps JSP标签库就能够在你的Web站点上实现GoogleMaps的所有功能而且不需要javascript或AJAX编程。它还能够与JSTL相结合生成数据库驱动的动态Maps。 OAuth 实现框架 Agorava Agorava 是一个实现了 OAuth 1.0a 和 OAuth 2.0 的框架，提供了简单的方式通过社交媒体进行身份认证的功能。 Eclipse的JavaScript插件 JSEditor JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件，提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接池的性能，根据某些测试数据发现，BoneCP是最快的连接池。BoneCP很小，只有四十几K
怎么定位前后端问题之-图片显示不出来显示空白等
weixin_45433224的博客
07-06 3264
首先你得确认图片储存的位置，是在数据库中存储，还是你前端项目的img文件夹里存储。如果是数据库中存储，单纯的把请求链接在浏览器中打开，看看是否能正常加载，如果是空白加载不出来，就要和后端沟通，看看是哪出现了问题。如果是你项目的img存储，这时你要检查图片引用的路径是否正确，绝对路径和相对路径的引用一定要区分开，也可以把请求链接在浏览器单纯打开测试。其次，要学会用浏览器debug工具测试出现的问题，更快更准确定位问题的源头。注意，有的时候也有可能是浏览器的缓存问题引起的图片空白，多清理浏览器缓存。 ...
[后端 springboot] 打包后html无法访问的问题
cz004005006的博客
04-18 3673
目录 问题描述 解决历程 解决方案 结果 问题描述 最近公司需要一个展示生产过程中各项数据的简单demo，前段时间花了一晚上，按照网上的教程，搭建了了一个简单的spring boot项目，在这个过程，被maven的包更新不下来虐得shi去活来，这里记录一下关键点： 用IDE自带得git拉下来的项目，一定要记得从根目录再打开一次，就是从.git的那级目录...
后端返回图片地址，图片不显示的问题
Hero_rong的博客
04-23 9420
接口返回的数据直接放到浏览器里就可以显示出图片，但是在项目里却显示不出来 图一：返回的图片地址 图二：把图片地址放到浏览器直接打开，是可以显示的 方法：在地址前面加上http://就好了 ...
关于后端返回图片url前端无法打开问题
lzh710679620的博客
05-08 1776
由于前端访问后端接口使用的是https协议,而后端返回图片的url使用的是http（使用的文件服务器），前端不用访问该url地址，会出现如下错误。产品需要实现一个上传图片的功能，后端选择使用文件服务器保存图片，返回一个url给前端展示图片。后端使用文件流形式返回图片给前端，前提是后端需要有接口可以把图片下载下来。
后端返回图片路径不展示问题
最新发布
qq_45398535的博客
01-10 444
需要先转换为base64编码返回。
处理后端返回带标签数据的图片不显示问题
lemon今天学习了吗？的博客
08-16 1896
补充：有时候后端返回回来的图片后半截地址可能也是需要替换的，但是文件内容有多处使用了图片展示，如何才能全局替换文件地址？前言：在项目种经常会涉及到文件相关的展示操作，后端返回数据一般也是带标签的数据，这样可以根据要求来展示不同效果。解决办法：前端请求此图片的时候，需要后端提供图片文件真身所在的服务器域名，前端自己拼接前缀。原因： 因为服务器的域名可能会变换，所以数据库里的地址只能是相对路径；问题：图片返回只有后半截地址，导致图片无法显示。......
Vue打包部署后，图片url域名错误，导致无法显示
qq_36892712的博客
06-29 1110
当在 Vue 项目中打包之后，从服务器获取图片 URL 时，如果 URL 不包含域名和端口号，可能是因为在 Vue 项目中使用了相对路径引用图片，导致最终生成的 URL 缺少域名和端口号。在 Vue 项目中使用绝对路径引用图片可以在 Vue 项目中使用绝对路径引用图片，例如：这样，在打包后，获取图片 URL 时，就会包含完整的域名和端口号，可以正常显示图片。在 Nginx 配置文件中添加反向代理设置。
从后端拿到图片地址，前端拼接基本路径却不显示图片，
m0_58762936的博客
12-13 608
这个图片进入页面必定没有加载出来，点击刷新可能会出来，也可能不会出来。
解决BugFree上传图片不能显示问题
02-01
看到网上很多问bugfree上传图片不能保存的问题，所以研究了下与大家共享，方法不是最好但希望能帮到使用bugfree软件的朋友
Firefox返回时Iframe的显示Bug的解决方法
10-30
一个页面有4个Iframe来显示flash内容，其中第二个iframe的显示是用Javascript控制的，只有当特定的cookie存在时才出现，否则显示普通的文本。
bugfree因端口号导致图片无法显示的修改
06-26
这个文档是关于bugfree的端口号不是默认的80，而导致图片无法显示的解决方法，给大家参考。如果端口号没有问题的朋友，就不要下载了
IE6图片加载的一个BUG解决方法
10-29
小图整合在一张大图里，然后在不同的CSS里调用同一张图片，以此来减少请求数，这是页面优化最常用的手段，但IE6会对页面里同一个图片，只要在不同的地方有引用到就会重新请求一次，需要加JS代码解决。
JQuery boxy插件在IE中边角图片不显示问题的解决
10-24
主要介绍了JQuery boxy插件在IE中边角图片不显示问题的解决方法，十分的简单实用，有需要的小伙伴可以参考下。
web开发--后台图片路径是正确的,就是找不到图片
liusarazhang的博客
12-03 4523
在Windows中运行项目正常展示图片，在linux系统中显示Not found. 首先确定路径正确，若图片的名字为中文，则只有一种可能是编码问题。 检查xshell、Xftp、linux系统的编码是否一致且都为UTF-8. linux环境编码：echo $LANG xshell编码： 文件-&gt;属性-&gt;终端 xftp编码： 文件-&gt;属性-&gt;选项卡，勾选...
前端利用图片链接下载图片
qq_42423991的博客
07-29 1093
downloadByBlob(url, name) { const image = new Image() image.setAttribute('crossOrigin', 'anonymous') image.src = url image.onload = () => { const canvas = document.createElement('canvas') canvas.width = image.wid.
前端工作总结298-uni-数据为空不显示
qq_41632427的博客
09-15 277
前端
通过ajax进行文件上传及回显并解决后台返回图片路径却不能直接显示问题
qq_45475319的博客
09-25 1640
1、选中图片立刻回显 前端代码 <div class="row" id="uplodFilel"> <div class="col-md-8"> <label>上传身份证正面</label> <input id="inp1" type="file" class="btn btn-primary" value="上传身份证正面"/> </div> <div class="col-md-4"> <img
163邮箱html图片裂开
09-08
当使用163邮箱时，有时可能会遇到HTML图片裂开的问题。这可能是由于以下几个原因引起的： 第一种可能是网络连接问题。如网络不稳定或者网速较慢时，可能导致邮件中的HTML图片无法完整加载。这时可以尝试更换网络环境，或者等待网络恢复正常后再打开邮件。 第二种可能是浏览器兼容性问题。不同的浏览器对HTML图片的解析方式可能不同，有些图片可能在某些浏览器中无法正常显示。这时可以尝试使用其他浏览器打开邮件，或者更新浏览器版本。 第三种可能是邮件服务器问题。有时候，邮件服务器可能出现故障或者负载过重的情况，导致邮件中的HTML图片无法正确加载。这时建议稍后再试，或者联系邮箱服务提供商寻求帮助。 另外，在使用163邮箱时，推荐使用邮件客户端来查看邮件，而不是直接在网页端打开。邮件客户端通常具有更好的兼容性和稳定性，能够更好地处理HTML图片。 总的来说，如果在163邮箱中遇到HTML图片裂开的问题，可以尝试更换网络环境、更新浏览器版本、使用邮件客户端等方法来解决。如果问题依然存在，可以联系相关技术支持人员进行咨询和解决。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值