Image的src属性赋值之后,怎么知道这个src是不是真的来自一个图片文件?
<SCRIPT LANGUAGE="JavaScript">
<!--
……
var loadImage = new Image();
loadImage.src = "...";
……
document.all.img.src = loadImage.src;
document.all.img.style.display = "";
//-->
</SCRIPT>
<img name="img" style="display:none" onload="checkPic(this)">
现在有一个问题:如果图片的来源文件是一个真的图片,那么,显示图片没问题。
如果图片的来源不是一个图片文件,例如,用户不小心选择了一个word文件,则显示大片空白加一个小红叉。
现在请问,能否有办法知道,loadImage.src是不是一个图片文件?
如果是,就让img显示,如果不是,就不让img显示。
<!--
……
var loadImage = new Image();
loadImage.src = "...";
……
document.all.img.src = loadImage.src;
document.all.img.style.display = "";
//-->
</SCRIPT>
<img name="img" style="display:none" onload="checkPic(this)">
现在有一个问题:如果图片的来源文件是一个真的图片,那么,显示图片没问题。
如果图片的来源不是一个图片文件,例如,用户不小心选择了一个word文件,则显示大片空白加一个小红叉。
现在请问,能否有办法知道,loadImage.src是不是一个图片文件?
如果是,就让img显示,如果不是,就不让img显示。
...全文
相关推荐
Jquery修改image的src属性,图片不加载问题的解决方法
下面小编就为大家带来一篇Jquery修改image的src属性,图片不加载问题的解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
使用jQuery为src属性赋值的方法
jQuery提供了简便的方法来操作元素的属性。使用attr()方法可以轻松地为元素的src属性赋值。通过选择器选择要修改的元素,并使用attr()方法设置新的属性值,可以实现对元素的动态修改。在jQuery中,可以使用attr()方法为元素的src属性赋值。attr()方法用于获取或设置元素的属性值。当页面加载完成后,图像元素的src属性将被修改为新的图片路径。是要修改的元素的选择器,可以是元素的ID或其他选择器。的图像元素,并设置了初始的src属性为。是要设置的新的图片路径。将图像的src属性修改为。
Vue.js 动态为img的src赋值方法
下面小编就为大家分享一篇Vue.js 动态为img的src赋值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
用new Image()预先加载图片真的有用吗?
用new Image()预先加载图片真的有用吗?
javascript动态改变img的src属性图片不显示的解决方法
首先讲下这个bug的出现的情况,页面中有 代码如下:<a> 这么一个a标签,onclick中的JS代码就是改变id为current的img标签的src属性,以达到动态切换图片的效果。可是不幸的是:IE是动态改变的图片的路径,但是图片却不显示出来,得右键“显示图片”才能看到改变后的图片,不知是什么原因,但据说是<a>或者<a>这样使用a标签的


