文件和打印的技巧-限制多文件上传的文件类型

Posted 承载梦想-韩旭明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文件和打印的技巧-限制多文件上传的文件类型相关的知识,希望对你有一定的参考价值。

——————————————————————

<script type="text/javascript">        
            function chkform(){
                //获取Dom
                var mypic = document.forms[0].mypic;
                for(var i = 0 ;i<mypic.files.length;i++){
                    //取出其中一个文件
                    var file = mypic.files[i];
                    var name = file.name;//文件的名字,进行大写处理
                    name = name.substring(name.lastIndexOf(".")+1).toUpperCase();
                    //判断文件名的后缀是否符合要求
                    if (name!="JPG"&&name!="GIF"&&name!=‘PNG‘&&name!=‘BMP‘){
                        alert("格式不正确");//提示不正确
                        return false;        //直接返回错误,不再提交表单
                    }
                }
                //提交表单
                if(mypic.files.length > 0)
                    document.forms[0].submit();
            }
        </script>

————————————————————————

<body style="text-align:center">
        <form action="" method="post" enctype="multipart/form-data" name="myform" onsubmit="chkform();return false;">
          <label>
          <input type="file" name="mypic" multiple/>
          </label>
          <label>
          <input type="submit" name="Submit" value="提交"/>
          </label>
        </form>
    </body>

————————————————————————

以上是关于文件和打印的技巧-限制多文件上传的文件类型的主要内容,如果未能解决你的问题,请参考以下文章

文件和打印的技巧-判断文件上传的类型

input file实现多选,限制文件上传类型,图片上传前预览功能

使用XWAF框架——上传文件

vue上传文件到后台

天翼云能支持多大的文件上传?

Flutter Web 多部分formdata文件上传进度条