Javascript加载图像源jpg或png

时间:2015-02-11 07:04:38

标签: javascript html

嗨我正在使用javascript按名称加载图片png或jpg。请帮帮我。

<body>
<img id="imageid" />
.....
<script>
...     
    document.getElementById("imageid").src=imgUrl+".png" or ".jpg"
....
</script>
</body>

1 个答案:

答案 0 :(得分:2)

只需使用此脚本尝试每个

var tester=new Image();
tester.onload=function() { // when .png ok
  document.getElementById("imageid").src = imgUrl + '.png';
};
tester.onerror=function() { // when .png failed
  document.getElementById("imageid").src = imgUrl + '.jpg';      
};
tester.src=imgUrl + '.png'; // execute the test