html页面制作照片加载不出来怎么办 HTML插入照片显示不出来怎么办？

1、检查代码是否输入正确使用 来插入图片说明： 为HTML插入图片的标签scr，表示想插入图片所在的位置width，表示想插入图片的宽度height，表示想插入图片的高度 2、检查图片调用路径是否设置正确。需要把.html文件和所要插入的图片放在一个文件夹，然后再scr后面的路径填写相对路径的图片名称（图片.jpg)才行。 3、检查图片本身是否有问题网页图片最好保存后再使用；图片格式最好是RGB，如果是CMYK的建议用ps改成RGB。

第一，看下相应的图片库文件夹是否有相应的图片，如果有就好说，只需要改路径，如果没有，你需要到原网站上将图片一个一个下载到相应的文件夹。

第二，如果图片库里有图片，需要修改路径。可以批处理修改一下。如果的DW编辑器，则用ctrl+F批量查找和替换，如果是sublime编辑器，则可用ctrl+D将路径部分换成相对路径即可。

html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况，动态替换成有效的默认图片，解决办法。

通常的判断为：

if(pic==null){

 html='<img src="images/bg_test1.jpg" width="320" height="157" />'

 }else{

 html='<img src="'+pic+'" width="320" height="157" />'

}

但如果当src路径存在，但路径无效导致无法正常加载时，可以利用img 的 onerror 事件来解决：

 if(pic==null){

  html='<img src="images/bg_test1.jpg" width="320" height="157" />'

 }else{

html='<img src="'+pic+'" width="320" height="157" οnerrοr="imgerror(this)" />'

}

分析：特别注意 onerror，当图片不存在时，将触发 onerror，而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif，图片不存在将显示 noPic.gif。但问题来了，如果 noPic.gif 也不存在，则继续触发 onerror，导致循环，故出现错误。

说明：如果图片存在，但网络很不通畅，也可能触发 onerror。

解决：可以在设置为默认图片之后将 onerror 事件置空，避免死循环触发。

function imgerror(img){

img.src="images/default.jpg"

img.οnerrοr=null  //控制不要一直跳动

}

---