Image的src属性赋值之后,怎么知道这个src是不是真的来自一个图片文件?

woshihuzi woshihuzi 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
<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显示。

...全文

相关推荐

Jquery修改image的src属性,图片不加载问题的解决方法

下面小编就为大家带来一篇Jquery修改image的src属性,图片不加载问题的解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧

weixin_38597970

使用jQuery为src属性赋值的方法

jQuery提供了简便的方法来操作元素的属性。使用attr()方法可以轻松地为元素的src属性赋值。通过选择器选择要修改的元素,并使用attr()方法设置新的属性值,可以实现对元素的动态修改。在jQuery中,可以使用attr()方法为元素的src属性赋值。attr()方法用于获取或设置元素的属性值。当页面加载完成后,图像元素的src属性将被修改为新的图片路径。是要修改的元素的选择器,可以是元素的ID或其他选择器。的图像元素,并设置了初始的src属性为。是要设置的新的图片路径。将图像的src属性修改为。

代码创造者

Vue.js 动态为img的src赋值方法

下面小编就为大家分享一篇Vue.js 动态为img的src赋值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

weixin_38592332

用new Image()预先加载图片真的有用吗?

用new Image()预先加载图片真的有用吗?

weixin_38733525

javascript动态改变img的src属性图片不显示的解决方法

首先讲下这个bug的出现的情况,页面中有 代码如下:<a> 这么一个a标签,onclick中的JS代码就是改变id为current的img标签的src属性,以达到动态切换图片的效果。可是不幸的是:IE是动态改变的图片的路径,但是图片却不显示出来,得右键“显示图片”才能看到改变后的图片,不知是什么原因,但据说是<a>或者<a>这样使用a标签的

weixin_38601390
评论 8
收藏 已收藏
分享
返回顶部
woshihuzi
JavaScript 87,983 成员 224,681 内容