html代码打开本地图片不显示

HTML 代码打开本地图片不显示的问题，可能是由于代码或文件路径有误导致的。下面我们来分析解决这个问题的方法。

img src="images/picture.jpg" alt="picture">
    

在 HTML 代码中打开本地图片，一般都会用到 img 标签，用 src 属性指定图片路径。如果图片路径错误或者不完整，就会导致图片无法加载显示。因此，我们需要确认图片文件是否存在，以及路径是否正确，实施相应的处理。

一种解决方案是在路径前面加上 "file://" ，这样浏览器就知道它是本地文件而不是网络文件，可以找到文件并打开。

img src="file:///C:/Users/John/images/picture.jpg" alt="picture">
    

另一种解决方案是在同级目录下创建一个 images 文件夹，把图片放到该文件夹下，然后再使用相对路径来指定该图片。

img src="images/picture.jpg" alt="picture">
    

通过以上的方法，我们可以轻松解决 HTML 代码打开本地图片不显示的问题。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！