`
橄榄绿
  • 浏览: 277089 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js验证是否是图片

 
阅读更多
<HTML>
<HEAD>
</HEAD>
<script language="javascript">
var img=null;
function check(file)
{
img=document.createElement("img");
img.attachEvent("onreadystatechange",isimg);
img.attachEvent("onerror",notimg);
img.src=file;
}
function notimg()
{
    alert("您插入的不是图片,请重新选择插入");
return false;
}
function isimg()
{  
   alert("图片大小" + Math.round(img.fileSize/1024) +"KB\r图片宽度"+ img.offsetWidth +"\r图片高度"+ img.offsetHeight);
}
</script>
<BODY>
  <input type="file" name="" onchange="check(this.value)"/>
</BODY>
</HTML>
分享到:
评论
1 楼 xinming521 2013-01-17  
img.attachEvent("onerror",notimg);
在ie7中,用jsp格式调用不起作用,html可以正常显示,求jsp中怎么解决

相关推荐

    JS判断是否是图片类型

    //判断是否是图片 function isImg(){ var f=$("#imgFile").val(); if(f==""){ alert("请上传图片");return false; }else { if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f)) { alert("图片类型必须是.gif,...

    用Javascript判断图片是否存在,不存在则显示默认图片的代码

    以下详细知识点涵盖了如何用JavaScript判断图片是否存在,以及实现这一功能的具体代码示例。 ### JavaScript检测图片是否存在 JavaScript提供了一种机制来处理图片加载失败的情况。当图片无法加载时,可以通过`...

    js验证上传图片 大小 格式

    在IT领域,特别是前端开发中,JavaScript(JS)被广泛应用于网页交互与数据验证,其中对上传图片的大小和格式进行验证是常见的需求之一。本文将深入解析如何使用JavaScript进行图片上传前的验证,包括检查图片格式、...

    js判断图片真实性(非判断文件后缀)

    传统的检查方式是通过文件的后缀名来判断,但这种方法存在明显的漏洞,因为恶意用户可以轻易地更改文件的后缀名,使得非图片文件伪装成图片。针对这个问题,我们可以采用一种更安全的策略,即不依赖文件后缀,而是...

    js判断图片是否存在

    js判断图片是否存在,不存在就显示其他的

    判断图片是否加载完成的js插件

    JavaScript is all like "You images done yet or what?" imagesloaded.desandro.com Detect when images have been loaded.

    js判断图片加载完成后获取图片实际宽高的方法

    在这种情况下,可能需要采取其他策略来判断图片是否已经被缓存并决定如何处理。 以上就是使用JavaScript获取图片实际尺寸的基本方法和注意事项。通过理解这些知识点,我们可以在Web开发中更加灵活和准确地处理图片...

    vue滑块验证,图片验证,图片旋转验证,滑动验证

    实现这个功能,可以使用像`vue-slide Verify`这样的库,或者自定义一个Vue组件,包括滑块元素、拖动事件监听、比较滑动结束位置与目标位置来判断验证是否成功。 2. **图片验证**:图片验证通常涉及显示一组随机的...

    JS判断图片是否加载完成方法汇总(最新版)

    下面小编给大家整理了几种关于JS判断图片是否加载完成方法汇总,一起看看吧。 一、load事件 [removed] $('img').onload = function() { //code } [removed] 优点:简单易用,不影响HTML代码。 缺点:只能指定一...

    js识别照片中的人脸信息

    这个库是基于JavaScript的,因此它可以在浏览器环境中运行,无需依赖服务器端的复杂处理。 首先,我们来详细了解一下jQuery库。jQuery是一个轻量级、功能强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画...

    前端vue 判断图片格式

    JS上传文件判断文件格式 GIF JPG PNG

    js图片滑动验证

    总的来说,JS滑动验证结合了前端开发的多个技术点,是JavaScript在安全领域应用的一个实例,同时也展示了JavaScript在创建动态、交互式用户体验方面的强大能力。通过深入研究和实践,开发者可以更好地理解和掌握这些...

    JS验证图片格式 有预览功能

    这个“JS验证图片格式 有预览功能”的主题主要关注如何利用JavaScript来检查用户上传的文件是否为合法的图片格式,并提供实时预览功能。以下将详细介绍这一技术实现的关键知识点。 1. **文件输入事件(File Input ...

    js读取图片分辨率demo

    在JavaScript(简称JS)中,读取图片的分辨率通常涉及到图像元数据的处理,特别是EXIF(Exchangeable Image File Format)数据,这是许多数字照片中存储的信息,包括拍摄时间、地点以及图片的宽度和高度等。这个“js...

    JS判断并预览客户端上传图片

    综上所述,"JS判断并预览客户端上传图片"这一技术涉及到对用户上传图片的格式、大小进行验证,并提供实时预览的功能,以确保上传的图片符合规定,提高用户体验。在实际应用中,还可能需要考虑错误提示、多图上传、...

    JS上传图片大小验证.rar

    在JavaScript中,对用户上传的图片进行大小验证是常见的需求,尤其在网页应用中,确保图片大小在合理范围内可以优化加载速度,节省服务器资源。这个"JS上传图片大小验证.rar"压缩包可能包含了一个实现此类功能的示例...

    js两张图片并列循环滚动图片特效

    5. 边界检测与循环逻辑:用条件语句判断图片是否到达边界,并执行相应的回调函数。 总的来说,“js两张图片并列循环滚动图片特效”是一个结合了JavaScript、CSS和HTML技术的网页互动组件,它提供了一种高效且灵活的...

    JS读取本地文件夹和图片异步加载(图片LazyLoad)

    3. 监听滚动事件:使用JavaScript监听滚动事件,检查图片是否进入可视区域。 ```javascript window.addEventListener('scroll', function() { var lazyImages = document.querySelectorAll('.lazy'); for (var i ...

    js jquery 图片滑动 验证

    **JavaScript与jQuery图片滑动验证详解** 在网页开发中,为了增强用户体验并提高安全性,滑动验证已经成为一种常见的用户身份验证方式。JavaScript和jQuery库的结合使得实现这种验证变得更加便捷。本文将深入探讨...

    js获取 input file 图片立即显示

    在网页开发中,用户上传图片是一项常见的功能,例如在社交媒体、博客或电商平台。"js获取input file 图片立即显示"这个话题就是关于如何利用JavaScript来实现在用户选择图片后即时预览的功能。以下是一个详尽的步骤...

Global site tag (gtag.js) - Google Analytics