主页 > 知识库 > Asp.Net上传图片验证代码的小例子

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

热门标签:人工智能 科大讯飞语音识别系统 电销业务 百度AI接口 电商新玩法 网站排名优化 客户服务 国美全国运营中心
一、客户端方式验证
复制代码 代码如下:

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上传图片同时生成高清晰缩略图

标签:厦门 咸宁 POS机 益阳 南平 枣庄 拉萨 攀枝花

巨人网络通讯声明:本文标题《Asp.Net上传图片验证代码的小例子》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266