图片存在于文件夹中，但服务器返回404——问题查找与分析

 

 web调试互环境：chrome

 

web 程序支行时上传图片出现下述情况，下方红色方框为此次问题。

 

 

 

问题查找步骤

1.由于上述错误提示不明确，导致开始时不了解其原因。在开发工具中切换到Network（网络），并选中all，找到出问题的图片，并点击，如上图中结果，在右侧你会看到preview中相关的错误提示。

 

 

2.注意1中截图中的 More Information,你会看到详细的说明。也就是说你这个图片不存在或这个路径在服务器上不存在。

3.按1中截图提示检查服务器上的文件夹及相关文件夹下是否有问题。

 

按其提示，小子发现小子的问题为此图片在服务器下的地址与1中截图的物理地址是不一样的，也就是这个地址是不对的，在源码中修改相应地址后，再次测试OK。

 

上述troubleshooting步骤记之以备忘。