Asp.Net上传图片验证代码的小例子
更新时间:2013年07月25日 10:34:20 作者:
这篇文章介绍了Asp.Net上传图片验证代码的小例子,有需要的朋友可以参考一下
一、客户端方式验证
<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>
复制代码 代码如下:
<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>
相关文章
解决VS2012 Express的There was a problem sending the command to
安装Visual Studio 2012 Express之后,双击打开web.config文件时经常出现“There was a problem sending the command to the program”的错误,然后VS2012 Express打开了,但web.config文件没打开,需要再次双击web.config文件才能打开。很是烦人2013-02-02
ASP.NET 计划任务实现方法(不使用外接程序,.net内部机制实现)
在asp.net中要不使用其他插件的情况下只能使用定时器来检查, 并执行任务.2011-09-09
asp.net 下载文件时根据MIME类型自动判断保存文件的扩展名
如果我们没法正确判断下载源的文件类型的话,就无法保存为正确的文件格式,会给后续操作及人工阅览造成困扰。 所幸的是,WebRequest可以给出下载源的MIME信息,这让我们可以确定文件的真实格式,并以此来决定最终的存储扩展名。(2009-11-11
asp.net SqlParameter关于Like的传参数无效问题
用传参方式模糊查询searchName2009-06-06


最新评论