html5显示不了本地图片，为什么html图片加载不出来

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

我是html新手,为什么图片显示不了,大神帮我看看

应该是图片路径的问题，推荐你用火狐浏览器，装一个firebug看一下就是图片路径问题，你使用的是图片的绝对路径，应该使用相对于这个页面的相对路径才可以，比如你可以把html和图片放到一个文件夹下，src直接写图片名。

HTML显示不出PNG图片，是设置错误造成的，解决方法如下：首先在电脑中，找到并打开AveDesktopSites软件。软件打开后，找到要显示到电脑桌面html网页或htm文件。下面是要显示html网页或htm文件的存放路径。

一般情况应该是图片路径不对你的路径还是本地文件的路径，在运行环境中打开的话出不来，即使出来了，那放在别的机器上也是看不到的，你的这些图片路径最好是在当前服务器指向的文件夹内。

Q1: 关于在HTML5中查出图片问题

在网页开发中，如果图片无法显示，请在谷歌等现代浏览器当中按下F12键，查看控制台是否给出了错误提醒，对于没有加载正确的图片，会给出错误提示。

不显示图一般是由于路径问题，至于说视图显示浏览器不显示就要看你的代码是怎么写的，或者说你的CSS不支持所有浏览器。

代码有误。FM软件公开时，html5的图片不显示要检查代码是否输入正确，使用插入图片。检查图片调用路径是否设置正确。检查图片本身是否有问题，图片格式最好是RGB。

其实这种写法是有错误的，实际上只要一刷新图片就不显示出来。要想保证刷新正常显示需要在Image onload的`时候重绘一次才行。测试在chrome 19下会出现的问题。

在canvas中显示图片非常简单。可以通过修正层为图片添加印章、拉伸图片或者修改图片等，并且图片通常会成为canvas上的焦点。用HTML5 Canvas API内置的几个简单命令可以轻松地为canvas添加图片内容。

估计不是没了，是你的html中对图片文件的引用使用了类似绝对路径的写法，对方接收后，放置的路径与你的不一样，造成读取失败。先检查一下是不是真的把图片发过去了，再检查图片url是不是写对了。

Q2: 在html5中插入图片,会出现框,应该是图片的影子,但是图片显示不了。

1、代码错误：代码出现细节小错误，把img标签的src属性写成了scr属性。具体案例：Tips：开发中图片文件使用的是英文，而不是中午。

2、你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。

3、图片的下载是需要时间的。要保证canvas绘图前，图片已加载完毕。所以，图片的绘制drawimage代码要写在图片的加载事件中。

4、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

5、新建html文件，如图所示，在body标签中插入img标签，需要注意的是，img在html中没有结束标签，所以不需要添加“/img”。

Q3: 用Dw创建html5,遇到问题,明明设计图上有的,代码也应该对的,但是浏览...

1、你的图片如果是全屏背景的话，可以获取浏览器窗口的宽和高，如果不是占满而只是其中的一部分，用上面说的办法获取相应的父元素的宽和高，再设置图片或者html5canvas的宽和高。

2、检测下浏览器是否兼容，看看在别的浏览器中能否正常显示出来，如果不行那就是代码出问题了。

3、有很多因素：一个是你高度控制的问题，另一个是你浏览器兼容问题。

Q4: html5设置图片不显示,路径感觉没问题也,求大神给指教一下,谢谢了

应该是图片路径的问题，图片没找到，才会显示这个破碎的图标。粘下图片路径的代码看看吧。

设置背景图片样式。在title标签后面创建一个style标签，然后在这个标签里设置body标签的背景图片，以及背景图片不重复。

html5显示不了本地图片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于为什么html图片加载不出来、html5显示不了本地图片的信息别忘了在本站进行查找喔。