关于后端返回图片地址是同一个导致修改图片不显示

已于 2024-04-23 16:56:46 修改
阅读量314 收藏
点赞数 1
文章标签： 前端
于 2022-09-20 10:05:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46118650/article/details/126947388
版权

今天在写项目的时候遇到的 需求是将图片转为base64位传给后端 后端再返回一个图片地址给前端

但是后端返回的地址不变导致图片内容修改了显示却没有改变

原因是因为浏览器在得到的是同一个图片地址 所以不再做二次请求

这个时候我们只需要在图片地址后面加一段随机数就可以解决了

 

 这会让浏览器认为不是同一个地址 做二次请求

言寸心o
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 解决data中定义图片相对路径页面不显示的问题
10-14
然而，有时会遇到图片无法显示的问题，这通常是因为Vue对静态资源的处理方式导致的。本文将深入探讨这个问题并提供解决方案。 首先，让我们看看问题的根源。在示例代码中，Vue组件的data()函数定义了两个图片路径，...
解决网页后台图片不显示
10-22
在网页开发过程中，图片不显示是一个常见的问题，可能由多种因素导致。本篇文章将深入探讨这个问题，提供解决方案，并结合提供的“ie.reg”文件名称来推测可能与Internet Explorer浏览器的设置有关。 首先，我们要...
图片地址正确但是无法显示问题
xiaoma19941027的博客
02-24 878
首先确认地址是正确的。直接url访问能访问到。那么尝试以下方法： 标签区域加上
通过ajax进行文件上传及回显并解决后台返回图片路径却不能直接显示问题
qq_45475319的博客
09-25 1678
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
从后端拿到图片地址，前端拼接基本路径却不显示图片，
m0_58762936的博客
12-13 657
这个图片进入页面必定没有加载出来，点击刷新可能会出来，也可能不会出来。
后端返回图片地址，图片不显示的问题
Hero_rong的博客
04-23 9517
接口返回的数据直接放到浏览器里就可以显示出图片，但是在项目里却显示不出来 图一：返回的图片地址 图二：把图片地址放到浏览器直接打开，是可以显示的 方法：在地址前面加上http://就好了 ...
Vue打包部署后，图片url域名错误，导致无法显示
qq_36892712的博客
06-29 1214
当在 Vue 项目中打包之后，从服务器获取图片 URL 时，如果 URL 不包含域名和端口号，可能是因为在 Vue 项目中使用了相对路径引用图片，导致最终生成的 URL 缺少域名和端口号。在 Vue 项目中使用绝对路径引用图片可以在 Vue 项目中使用绝对路径引用图片，例如：这样，在打包后，获取图片 URL 时，就会包含完整的域名和端口号，可以正常显示图片。在 Nginx 配置文件中添加反向代理设置。
微信小程序实现富文本图片宽度自适应的方法
10-17
在微信小程序中，由于屏幕尺寸和布局的差异，图片在不同设备上可能无法自适应显示，导致图片显示不全或比例失真。为了解决这个问题，开发者需要采取一些策略来确保图片在微信小程序中能够自动调整宽度以适应屏幕。...
vue中后端做Excel导出功能返回数据流前端的处理操作
10-14
总结来说，Vue中处理后端返回的Excel数据流，主要是通过axios发起请求，将返回的Blob数据转化为可下载的URL，然后创建一个隐藏的a标签进行下载操作。这种方式灵活且高效，适合大多数现代浏览器环境。在实际开发中，...
vue.js图片转Base64上传图片并预览的实现方法
12-11
前后端代码往往不在同一个系统目录下，而且部署时可能liunx路径与windows路径不一样，这样后期路径更改可能会导致维护困难问题出现。 针对这种问题，这里我推荐使用图片转base64格式，再发给后端，后端只需将转码...
关于后端返回图片url前端无法打开问题
lzh710679620的博客
05-08 1917
由于前端访问后端接口使用的是https协议,而后端返回图片的url使用的是http（使用的文件服务器），前端不用访问该url地址，会出现如下错误。产品需要实现一个上传图片的功能，后端选择使用文件服务器保存图片，返回一个url给前端展示图片。后端使用文件流形式返回图片给前端，前提是后端需要有接口可以把图片下载下来。
关于部分手机后台返图片链接，图片不显示的问题
qq_43588387的博客
03-26 318
近期有个公众号的项目，遇到个特别头疼的问题，后台返的二维码，前端渲染以后，有部分同事的手机就是不显示，开始一直以为是移动端兼容性问题，尝试了各种方法无效，困扰了好多天。。。。。。。 最后在前端大佬的指点下发现图片不显示的原因是因为-----之前测试过的账号，后台有数据遗留问题，导致部分链接报404（新账号不会有问题） 解决方法是：后台清除之前测试的旧数据，用户再重新登录就好了 特别感慨，在此记录一下， 由于本人账号没有问题，在开发者工具上面看不出问题出现在哪里，折腾了好多天始终解决不了问题，后来在大佬的提醒
后端返回HTML图片不显示问题 排bug
weixin_51908680的博客
05-04 1151
在做官网的资讯板块，后端要返回一些新闻数据，为了使页面更加真实，就去百度扒了些相关的文章，在本地一切正常，但是给后端然后一返回图片就裂开了 但是地址输回车可以直接访问到，一开始我以为是后端的问题，需要在服务器加啥请求的配置来访问第三方的资源 有点不得其解，后面问了另外一个后端朋友 一开始还以为他说的是http 响应头 后端加的那个，原来他说的是Meta标签的一个属性 然后我就去差Meta属性的各个配置发现都没有直接说明这个问题的 我突然想到帅地之前在他的星球说因为掘金给图片加了防盗链导致他
前台传给后台缩略图，后台返回图片地址，修改同一条数据返回相同地址后页面图片不更新问题
zhangzhuo1130的博客
07-26 165
const defaultImage = is3DModal ? require('./3d.png') : `${item.picture_path}?t=${Math.random()}` || require('./analyzer_2/images/default-1.png'); 解决方法：在返回地址后面添加?t=${Math.random()
处理后端返回带标签数据的图片不显示问题
lemon今天学习了吗？的博客
08-16 1957
补充：有时候后端返回回来的图片后半截地址可能也是需要替换的，但是文件内容有多处使用了图片展示，如何才能全局替换文件地址？前言：在项目种经常会涉及到文件相关的展示操作，后端返回数据一般也是带标签的数据，这样可以根据要求来展示不同效果。解决办法：前端请求此图片的时候，需要后端提供图片文件真身所在的服务器域名，前端自己拼接前缀。原因： 因为服务器的域名可能会变换，所以数据库里的地址只能是相对路径；问题：图片返回只有后半截地址，导致图片无法显示。......
uniapp上传图片后台返回url后放入image中图片不显示问题
weixin_30299539的博客
07-16 5843
原因：后台返回路径问题后台返回地址斜杠为 \ 我们需要的是 / 如下后台返回的地址导致转义了 修改后可以显示 转载于:https://www.cnblogs.com/lizhao123/p/11194860.html...
照片服务器已存在 如何修改,图片url不变，服务端图片更新，客户端同步如何解决...
weixin_33462167的博客
08-09 759
突然看到这两篇文章SDWebImage 处理url链接中图片更新问题,URL不变，服务端图片更新，客户端同步更新问题。想起来曾经面试问到过的问题，到时候回答时候说给每个图片链接加个标识，服务端改变图片的时候改变标识，清除前端缓存，重新下载图片。但是这明显不合理，图片会改变很多次，标识的话那的多少标识？看了这两篇文章才知道HTTP协议本身就有对这个问题的解决机制。平时我们为了节约流量以及提升用户体验...
js vue将后台返回的url图片地址以图片形式保存到本地
凉城玖的博客
08-21 1793
直接将下面函数复制到 项目中，传入要保存的 url, 以及要设置的文件名字，即可。 downloadByAxios(url, name) { // 图片地址 ，文件名 // 下载图片地址和图片名 const image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute('crossOrigin', 'anonymous'); image.onload = function () {
解决vue直接写本地图片地址图片不显示问题
小香菜子的博客
12-02 323
【代码】解决vue直接写本地图片地址图片不显示问题。
img显示后端返回的图片
最新发布
10-14
要显示后端返回的图片，可以使用HTML中的标签，将后端返回的图片链接作为src属性的值即可。示例代码如下： ```html ``` 其中，http://example.com/image.jpg是后端返回的图片链接。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值