说起来这图片显示不了的问题，真是能把人给折腾疯了。我最近就碰上这么一档子事儿，把我愁了好几天，吃不好睡不香的，就为了那几张死活不肯露脸的图片。
刚开始，我是懵的
我当时在搞一个自己的小网站，花了不少心思，图片也都找得好好的，想着放上去肯定特漂亮。结果？网页一打开，一大堆的叉叉，要不然就是个白框框，图片愣是一张都没出来。你说气不气人？我当时就觉得，天塌下来了，这网站还怎么看？
- 我想到的就是，是不是图片文件没上传上去？
- 然后我又检查是不是图片名字写错了？
小编温馨提醒：本站只提供游戏介绍，下载游戏请前往89游戏主站，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
我立马跑到服务器上，文件夹翻了又翻，图片都在那儿躺着，文件名也对得齐刷刷的。可为啥网页上就是看不到它们？我当时心里一万个问号，觉得这事儿没那么简单。
我的各种“瞎折腾”
没办法，我只能一点点地查。我就是刷新，一遍又一遍地刷新网页，心想万一是个网络卡了？结果啥用没有。然后我就去清我的浏览器缓存，把历史记录、Cookie啥的都删了个干净，重启浏览器再看，还是老样子。这下我开始有点急了。
我又跑去检查网页的代码，一句一句地看，是不是图片地址（就是那个`src`后面跟着的东西）写错了。我把地址复制出来，直接在浏览器里打开，图片它自己就能显示！这说明图片文件是好的，地址也是对的。那问题到底出在哪儿？当时真是把我搞得头晕脑胀。
一步步地“剥洋葱”
后来我算是冷静下来了，想着得从头到尾把所有可能的地方都捋一遍。
图片路径问题
我第一次发现，很多时候不是地址错了，而是地址不对劲儿。比如说，我网站的地址是`*`，图片放在`images`文件夹里，我写的时候可能图省事儿，直接写了个`/images/*`。在我的本地电脑上这样写没问题，但在服务器上，有时候它就找不到。我后来才明白，有时候得写完整的路径，比如`*/images/*`，或者从根目录算起，`./images/*`这种相对路径也得确保它相对的是正确的地方。我当时就是把一个图片路径写成相对的，但它相对的不是网页文件本身，而是别的地方，所以就一直找不到。
服务器权限问题
这个是把我坑得最惨的一个。我把图片文件都上传到服务器了，地址也对，但服务器就是不让别人访问。我当时就纳闷了，我都能看到文件，为啥浏览器看不到？后来一个懂行的朋友提醒我，是不是文件权限没设置我赶紧去服务器后台看了下，果然！我上传的图片文件的权限，默认设置成了只有我自己能读写，别人根本就没权限访问。我赶紧把那些图片文件的权限都改了，设置成所有人都能读取（一般是644或者755）。改完再刷新网页，一张图片就跳出来了！当时那个激动，感觉就跟找到宝藏一样。
浏览器“安全管家”的问题
还有一次，我一个老项目突然图片又不显示了。我当时真是头都大了，心想怎么又来？这回我把上面那些检查了个遍，都没问题。后来无意中打开了浏览器的开发者工具（F12），在那个“控制台”里看到好多红色的报错信息。虽然都是英文，但我看懂了大概意思，就是浏览器说我这个网页“不安全”，或者说不允许加载某些外来的东西。我当时就想，这图片不就是我自己的吗，怎么还成“外来”的了？
经过一番折腾，我才发现是我的网站从`http`换成了`https`，但是有几张图片还是用了`http`的地址。浏览器这个“安全管家”很尽职尽责，看到你的网站是`https`的了，它就不让你再加载那些不安全的`http`图片，怕有安全漏洞。我赶紧把所有图片的地址都改成`https`的，这下所有的图片才全部乖乖地冒了出来。这个小细节真是让我又学了一课。
文件被损坏或类型不对
这种情况比较少见，但我确实也碰到过。我辛辛苦苦做了一张图片，上传上去，结果就是不显示。我下载下来一看，图片文件根本打不开，显示文件已损坏。这说明我上传的时候文件就出问题了。还有一次是后缀名搞错了，明明是`*`，我手一滑写成了`*`，那浏览器肯定也认不出来。
总结我的血泪经验
经历了这么多回图片显示不出来的问题，我现在一遇到这种情况，心里就有谱了。再也不会像刚开始那样一头雾水。我总结了一下，下次你遇到这问题，可以按我说的顺序，一步步来排查：
- 检查图片文件本身：是不是真的在服务器上？文件有没有损坏？文件名和后缀对不对？
- 然后，检查图片地址：网页代码里引用的图片地址，是相对的还是绝对的？有没有写错一个字母？
- 检查服务器权限：是不是图片文件没有设置好“读”的权限，导致别人没法看？
- 再检查网站安全协议：比如你的网站是`https`，图片地址是不是也是`https`？
- 清清浏览器缓存：有时候浏览器太“聪明”了，把旧的错误信息记住了，导致你改了半天它还是显示旧的。
别小看这些小问题，有时候一个标点符号、一个权限没设就够你折腾半天的。不过也正是这些折腾，让我学到了好多东西。现在我的小网站图片都显示得好好的，看着心里特别舒服，也希望能帮到同样被这问题困扰的你！