html文件运行成网页无法显示图片

代码没问题：（但无法显示图片）

要显示的图片：

网页图片的源码：（能显示）

将图片放在和HTML文件一个路径，然后使用相对路径引入图片试试
直接访问磁盘文件可能触发了浏览器的安全机制

f12看下加载图片的请求是不是404了，图片路径不对吧。

浏览器不能访问本地文件。除非以服务器形式访问。

文件形式可以用file协议。但是网络协议不能用本地。

你这错误太明显了，你使用绝对路径不是没错，但你不该开启web服务，如果你将html文件双击打开图片是可以显示，但是你要是使用这个Hbuilder软件开启一个端口号web访问就不行了，你开启web访问可以访问同级目录，但是不能访问其他盘符里的内容，解决办法就是使用相对路径，将图片放到该项目同级的目录然后，图片采用相对路径即可 ./xxxx.jpg

首先要确认你的图片格式正确。浏览器能打开正常预览，将图片直接拖入浏览器中看是否能显示，不能显示就是图片有问题导致浏览器无法显示。

能显示，将浏览器地址栏显示的路径，一般是file协议，将路径拷贝后赋值给img的src，用file协议加载，不能直接用物理路径。

有帮助或启发麻烦点个采纳【本回答右上角】，谢谢~~有其他问题可以继续交流~

<img src="file:///C:/Users/showbo/Desktop/123392846036150.png" />

写法不对吧。。带盘符的src不是应该 file://E:/xxx.jpg 这样子写吗？

左侧需要建一个img ，把图片放里边，我之前也出现过这种情况

原因：

1. 浏览器访问的同源策略，导致img中的src中不能够直接访问绝对路径
2. 文件夹权限问题，即使修改成能够被引用的地址或者相对路径，依然要注意引用的文件和文件夹是否有访问权限。

解决：

1. 将想要展示的图片移动到html的根目录或者根目录下的任意文件夹中
2. 通过相对路径的方式进行引用。代码如下：

<img src="./1498547765.jpg" alt="">

如果图片资源在该HTML文件同目录下的某些文件夹中，则使用下面的方式进行引用,比如图片在一个叫files文件夹的目录下。

<img src="./files/1498547765.jpg" alt="">

最后：

不管是学习还是开发，都要有项目的概念，所有相关的资源必须在同一个地方，不能C盘放一个文件，D盘放一个资源，然后还想相互引用。这肯定是不行的。

我把源码用记事本弄成html文件可以用3某0，g某gle打开可以显示，还是记事本好