华域联盟 .Net Asp.Net上传图片验证代码的小例子

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上传图片并生成可带版权信息的缩略图
  • ASP.Net 上传图片并生成高清晰缩略图
  • ASP.NET FileUpload 上传图片实例
  • asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
  • asp.net 上传图片并同时生成缩略图的代码
  • asp.net UpdatePanel实现无刷新上传图片
  • asp.net上传图片并作处理水印与缩略图的实例代码
  • Asp.Net上传图片同时生成高清晰缩略图

本文由 华域联盟 原创撰写:华域联盟 » Asp.Net上传图片验证代码的小例子

转载请保留出处和原文链接:https://www.cnhackhy.com/51364.htm

本文来自网络,不代表华域联盟立场,转载请注明出处。

作者: sterben

发表回复

联系我们

联系我们

2551209778

在线咨询: QQ交谈

邮箱: [email protected]

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部