Asp.Net上传图片验证代码的小例子
2013-07-25 00:00
771 查看
一、客户端方式验证
<script language="javascript"> img=new Image() ; function Check_FileTypeAndFileSize() { //获得上传路径 var str=document.all.uploadFile.value; //验证上传路径不为空 if(str=="") { alert("请先选择要上传的图片!"); return false; } //验证上传文件格式是否正确 var pos = str.lastIndexOf("."); var lastname = str.substring(pos,str.length) if (lastname.toLowerCase()!=".jpg" && lastname.toLowerCase()!=".gif") { alert("您上传的文件类型为" lastname ",图片必须为 JPG 、GIF 类型"); return false; } //验证上传文件宽高比例 if(img.width/img.height>1.6) { return confirm(您上传的图片比例大于8:5,确认要上传吗?); } //验证上传文件是否超出了大小 if(img.fileSize/1024>150) { alert("您上传的文件大小超出了150K限制!"); return false; } return true; } //上传文件框地址改变事件,即时预览图片 function changephoto() { img.src=document.all.uploadFile.value; } //--> </script> <div> <Upload:InputFile ID="uploadFile" name="UploadFilePath" runat="server" onchange="changephoto() " /> <asp:Button ID="btnUpload" runat="server" Text="上传" OnClientClick="return Check_FileTypeAndFileSize()" OnClick="btnUpload_Click" /> </div> <div class="upload"> <img id="imgPreview" src="images/pic1.gif" runat="server" /> </div>
相关文章推荐
- Asp.Net上传图片验证代码的小例子
- ASP.net 通用上传图片代码
- ASP.NET MVC 中最简单的上传图片、生成缩略图的小例子
- ASP.NET中常用功能代码总结(3)——上传图片到数据库
- asp.net上传图片并生成水印与缩略图的代码
- KindEditor图片上传Asp.net代码
- asp.net上传图片并作处理水印与缩略图的实例代码
- Asp.net上传图片同时生成缩略图和水印图后台代码
- asp.net 上传图片并同时生成缩略图的代码
- (转载)ASP.net(C#)批量上传图片代码
- Asp.net上传图片同时生成缩略图和水印图后台代码
- asp.net上传图片代码
- ASP.NET(C#)图片上传压缩成缩略图的代码
- asp.net批量上传图片代码
- ASP.NET下上传图片到数据库,并且读出图片的代码(详细版)
- ASP.NET 图片验证码登陆代码
- ASP.NET中常用功能代码总结(2)——生成验证图片
- 在ASP.NET中上传图片并生成缩略图的C#代码
- asp.net 文件上传验证是否是真正的图片格式
- asp.net上传图片并作处理水印与缩略图的实例代码