`
weiweichen1985
  • 浏览: 140005 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

验证选择的图片

阅读更多
  /*
       验证选择的图片
	   fileId:file类型的input元素的id
	   imgId:img类型的input元素的id
	   图片大小不超过2M
   */
function  checkAllPic(fileId,imgId){
	var fileObj=document.getElementById(fileId);
	var imgObj=document.getElementById(imgId);

    /* 是否找到元素 */
	if(typeof(fileObj)=="object" && typeof(imgObj)=="object"){
		

        var imgpaths=fileObj.value;
		if(imgpaths==""){
			window.alert("请选择图片!");
			 
			return false;
		}
		else{
			var imgpathss=imgpaths.split("\\");
			if(imgpathss.length<=1){
				window.alert("请选择图片");
				 
				return false;
			}else{
				var filenames=imgpathss[imgpathss.length-1];
				var filename=filenames.split('.');
				if(filename.length<=1){
					window.alert("文件类型错误,仅支持jpg,bmp,gif,pjpeg,png格式!");
					 
					return false;
				}else{
					if(filename[1]!="jpg" && filename[1]!="gif" &&
						filename[1]!="png" && filename[1]!="bmp"
					   && filename[1]!="pjpeg"){
						window.alert("文件类型错误,仅支持jpg,bmp,gif,pjpeg,png格式!");
						 
						return false;
					}else{
						 
						imgObj.style.display="block";
						if(browser_type=="MSIE")
							imgObj.src=fileObj.value;
						else if(browser_type=="Firefox")
						{
							var srcPath="file:///"+fileObj.value.replace(/\\/g,'/');
							imgObj.src=srcPath;
						}
						if(imgObj.fileSize>2*1024*1024){
							window.alert("图片应小于等于2M!");
							return false;
						}
						else{
							return true;
						}
						
					}
				}
			}
		}
		
	}
}
分享到:
评论

相关推荐

    js验证上传图片 大小 格式

    当用户选择图片后,可以通过调用`viewimg()`函数来即时预览所选图片。此函数会读取图片的路径,检查其大小是否超过5MB(5242880字节),并确认其是否为支持的图片格式。若一切检查无误,将在页面上显示该图片的预览...

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

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

    js jquery 图片滑动 验证

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

    基于jQuery的图片点击验证插件

    图片通常是一些随机组合的数字或字母,用户需要按照提示正确点击或选择图片上的元素以证明他们是人类而不是机器人。这种验证方式可以有效防止自动化脚本的恶意操作。 **三、插件实现** 1. **Image-verify.css**:这...

    JSP随机验证图片如何制作

    小编整理了一篇关于模仿腾讯随机验证图片的文章。下面直接上代码吧!一个Java 类和一个JSP 页面。 Java类代码: 以下是JSP模仿腾讯随机验证图片引用片段: package icewee.image; import java.awt.BasicStroke; ...

    上传图片之前验证图片格式,同时实现预览

    在用户上传图片之前,验证图片格式以及提供预览功能是非常重要的步骤,这不仅可以确保上传的图片符合预期的格式要求,还可以为用户提供更好的交互体验。本文将详细讲解如何使用JavaScript来实现这个功能。 首先,...

    上传图片前验证图片格式及实现预览

    在用户选择图片后,我们可以通过HTML5的File API获取到文件对象,进一步判断文件类型是否为图片。 1. **图片格式验证**:在JavaScript中,我们可以通过`File.type`属性来获取文件的MIME类型。常见的图片MIME类型有`...

    验证上传图片

    用户在网页上选择图片后,浏览器会将文件作为FormData对象的一部分发送到服务器。服务器端接收到数据后,会进行一系列验证,以确保上传的文件符合预设的安全和业务规则。 1. **文件类型检查**:这是最基本的安全...

    12306验证图片

    标题中的“12306验证图片”指的是与12306中国铁路客户服务中心网站相关的验证码图片。在12306网站上购票时,为了防止机器人或自动化程序进行非法操作,用户需要输入显示在图片上的文字或数字,这就是验证码。验证码...

    h5app拍照或者图库选择图片限制图片数量demo

    【标题】"h5app拍照或者图库选择图片限制图片数量demo"涉及到的是在H5应用程序中实现用户通过拍照或从图库选取图片,并且对选取的图片数量进行限制的功能。这一功能通常用于提高用户体验,避免一次性上传过多图片...

    java图片验证 制作java图片验证

    Java 图片验证,通常指的是在Web应用中用于防止自动化机器人或爬虫操作的图形验证码(CAPTCHA)技术。这种技术通过生成随机的、带有干扰元素的图像,要求用户输入图像中显示的一段文字或数字来确认他们不是机器。在...

    springboot中实现滑块验证demo

    3. **存储验证信息**:在用户请求验证图片时,你需要保存滑块的原始位置。可以使用Session或者数据库来存储这个信息,但需要注意的是,由于滑块验证是临时性的,所以存储方式应尽可能高效且安全。 4. **前端展示**...

    软考报名图片一键验证工具

    使用该工具时,用户只需选择待验证的照片,然后工具会自动检查照片的格式、尺寸、分辨率等要素,如果不符合规定,它会提供调整建议或者直接进行修改。此外,考虑到不同地区的软考报名可能有不同的具体要求,工具可能...

    图形验证码,通过点击图片中的文字进行验证

    7. **验证码类型**:除了点击图片中的文字验证,还有滑动验证、拼图验证、数学问题验证等多种形式,每种都有其适用场景和优缺点。 8. **更新与改进**:随着人工智能技术的发展,传统的验证码可能被更智能的算法破解...

    仿微信选择图片,支持选择多张,长按删除

    本项目名为“仿微信选择图片,支持选择多张,长按删除”,是一个针对图片选择功能的优化实现,其主要目标是提供与微信类似的操作体验,让用户在选择图片时能够更加方便快捷。 首先,我们要理解这个项目的核心功能...

    图片验证技术文档

    ### 图片验证技术详解 #### 一、引言 随着互联网技术的发展,网站安全成为了一个不可忽视的问题。图片验证码作为一种有效的安全措施,在防止自动化工具恶意登录、注册或灌水等方面发挥着重要作用。本文将详细介绍...

    Jquery常用菜单,验证,图片效果等各种插件大全

    本资源包“Jquery常用菜单,验证,图片效果等各种插件大全”提供了一系列实用的jQuery插件,帮助开发者快速构建功能丰富的Web应用。 1. **jQuery菜单**:`accordion.css`可能关联于jQuery UI Accordion插件,它允许...

    图片验证码的JSP文件(包含三种验证方式)

    这个压缩包包含的JSP文件提供了三种不同的图片验证码实现方式:纯数字验证、纯字母验证以及数字字母混合验证。以下是对这些验证方式的详细介绍: 1. **纯数字验证**: 这种验证码通常包含4到6个随机生成的数字。...

    选择手机图库图片android

    例如,对于Android 8.0及以上版本,选择图片时可能需要处理`DocumentsProvider`,因为系统图库可能返回的是文档选择器的`Uri`。 6. **用户界面**: 创建一个简单的UI,如包含一个ImageView用于显示选择的图片,...

    vs2005 c#中实现图片上传及验证

    在C#与Visual Studio 2005(VS2005)的环境中,实现图片上传及验证是一项常见的Web开发任务。这个过程涉及到用户通过网页选择本地图片,然后将其上传到服务器,同时确保上传的文件是合法的图片格式,大小在可接受...

Global site tag (gtag.js) - Google Analytics