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>
关于Asp.Net中怎么上传图片验证问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。