客户端JS验证fileupload控件，设置只允许特定的文件类型

最新推荐文章于 2023-03-15 10:28:31 发布

weixin_33786077

最新推荐文章于 2023-03-15 10:28:31 发布

阅读量86

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/silverLee/archive/2009/11/05/1596814.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript" language="javascript">

        function CheckFileType()
        {
            var objButton=document.getElementById("Button1");//上传按钮
            var objFileUpload=document.getElementById('FileUpload1');//FileUpload
            var objMSG=document.getElementById('msg');//显示提示信息用的DIV
            var FileName=new String(objFileUpload.value);//文件名
            var extension=new String (FileName.substring(FileName.lastIndexOf(".")+1,FileName.length));//文件扩展名

            if(extension=="jpg"||extension=="JPG")//你可以添加扩展名
            {
                 objButton.disabled=false;//启用上传按钮
                 objMSG.innerHTML="";
            }
            else
            {
                  objButton.disabled=true;//禁用上传按钮
                  objMSG.innerHTML="请选择正确的文件文件";
             }
        }


    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="msg"></div>
        <asp:Button ID="Button1" runat="server" Text="上传" Enabled="False" />
        <br />
        <asp:FileUpload ID="FileUpload1" runat="server" onChange="javascript:CheckFileType();" />

    </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/silverLee/archive/2009/11/05/1596814.html

weixin_33786077

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
客户端JS验证fileupload控件，设置只允许特定的文件类型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server...
复制链接

扫一扫