超实用，解决img标签src绑定了正确地址后，图片有时候不显示问题

最新推荐文章于 2024-06-20 17:02:19 发布

chunxue8373

最新推荐文章于 2024-06-20 17:02:19 发布

阅读量9.3k

点赞数 2

文章标签：后端前端 javascript ViewUI

原文链接：https://my.oschina.net/u/3964830/blog/2052555

版权

项目中遇到img标签的src偶发性不显示，虽然后台返回的图片地址正常。通过理解问题原理，前端可以采取策略进行修复。具体解决办法在文章中以小demo形式呈现。

摘要由CSDN通过智能技术生成

今天做项目的时候，遇到一个比较奇葩的问题，将后台返回的图片地址链接绑在img标签的scr上的时候，有时候会偶发的不显示，但是将后台返回的地址复制到浏览器，又能直接打开，我跑过去问后端，他说他知道这个问题，也说了半天，反正意思就是，这个问题以前就存在，确实后台存在问题，但是因为某些原因，他解决不了，看看我们前端能不能曲线救国，我晕，那没办法了，测试已经把bug提给我了，只能我自己想办法了；出于对公司信息安全的考虑，我就不贴我在公司写项目代码了，我下面写个小demo来说明解决这种情况的原理，具体使用请根据大家的项目自行变通：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- 因为这个图片地址是没问题的 -->
    <!-- 如果后台出现问题， 就会走下面的img1.onerror方法-->
    <img i