• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Asp.Net上传图片验证代码的小例子

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
一、客户端方式验证
复制代码 代码如下:

<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>

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
详解ASP.NET页面生命周期事件发布时间:2022-02-05
下一篇:
ASP.NET连接SQL数据库的简单实例代码发布时间:2022-02-05
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap