<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>JS判断上传图片格式是否正确</title>

</head>

<body>

<input type="file" id="file"/>

<input id="btn" type="button" value="button"/>

<script>

    function isPicFile(fileName) {

        //lastIndexOf如果没有搜索到则返回为 -1

        if (fileName.lastIndexOf(".") != -1) {

            var fileType = (fileName.substring(fileName.lastIndexOf(".") + 1, fileName.length)).toLowerCase();

            var suppotFile = new Array();

                suppotFile[0] = "jpg";

                suppotFile[1] = "gif";

                suppotFile[2] = "bmp";

                suppotFile[3] = "png";

                suppotFile[4] = "jpeg";

            for ( var i = 0; i < suppotFile.length; i++) {

                if (suppotFile[i] == fileType) {

                    return true;

                } else {

                    continue;

                }

            }

            alert("文件类型不合法,只能是jpg、gif、bmp、png、jpeg、png类型！");

            return false;

        } else {

            alert("文件类型不合法,只能是 jpg、gif、bmp、png、jpeg、png类型！");

            return false;

        }

    }

    var oFile = document.getElementById('file');

    var oBtn = document.getElementById('btn');

    oBtn.onclick = function () {

        isPicFile( oFile.value );

    };

</script>

</body>

</html>

JS判断上传图片格式是否正确的更多相关文章

  1. JS验证邮箱格式是否正确 实例代码

    如何用js验证邮箱格式是否正确?分享一个例子.代码: /* *验证邮箱格式是否正确 *参数strEmail,需要验证的邮箱 */ function chkEmail(strEmail) { if (! ...

  2. php 表单校验函数库（判断email格式是否正确、http地址是否合法有效、手机号码是否合法）

    /** * 表单校验函数库 */ /** * 判断email格式是否正确 * @param $email */ function is_email($email) { return strlen($e ...

  3. Java中用正则表达式判断日期格式是否正确

    1.Java中用正则表达式判断日期格式是否正确 DateType.java: /** * @Title:DateType.java * @Package:com.you.dao * @Descript ...

  4. JAVA中判断年月日格式是否正确（支持判断闰年的2月份）

    一.先说一下年月日(yyyy-MM-dd)正则表达式: 1.年月日正则表达式:^((19|20)[0-9]{2})-((0?2-((0?[1-9])|([1-2][0-9])))|(0?(1|3|5| ...

  5. js判断时间格式是否有效

    js判断时间格式是否有效 1 短时间,形如 (13:04:06)function isTime(str){var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d ...

  6. js判断上传图片文件大小，尺寸，格式

    /** * 文件宽高 * @param eventId id * @param w 宽度 * @param h 高度 * @param callback 回调函数这里判断图片像素的方法是异步的,所以需 ...

  7. JS验证邮箱格式是否正确的代码

    验证邮箱格式是否正确的方法有很多,接下来为大家介绍下使用js是如何做到的 复制代码代码如下: /*  *验证邮箱格式是否正确  *参数strEmail,需要验证的邮箱  */ www.jbxue.co ...

  8. js判断字符串是否为正确的JSON格式及JSON格式化的实现

    判断是否是正确的JSON格式 function isJSON(str) { if (typeof str == 'string') { try { var obj=JSON.parse(str); i ...

  9. js判断日期格式（YYYYMM）

    function datepanduan(obj){ var date = document.getElementById(obj.id).value; var reg = /^\b[1-3]\d{3 ...

随机推荐

  1. [cocos2dx笔记004] android添加�静态库project

    (基于2.2.2版本号) 这步比較麻烦,不像vs2013那样好设置.參考了非常多文章.还是不能解决这个问题.仅仅有慢慢摸索了.在这里贴出来,希望能让大家能少走点弯路. 还是其于前面的文章提到的myli ...

  2. Java解析XML汇总（DOM/SAX/JDOM/DOM4j/XPath）

    [目录] 一.[基础知识——扫盲] 二.[DOM.SAX.JDOM.DOM4j简单使用介绍] 三.[性能测试] 四.[对比] 五.[小插曲XPath] 六.[补充] 关键字:Java解析xml.解析x ...

  3. 如何定位到div滚动条的最底端

    function ScrollDiv() { var ex = document.getElementById("calm"); ex.scrollTop = ex.scrollH ...

  4. Android版本控制系统及其间的差异

    一.何谓版本控制 它是一种软件工程籍以在开发的过程中,确保由不同人所编辑的同一档案都得到更新,它透过文档控制记录程序各个模块的改动,并为每次改动编上序号,并且编辑错误之后还可以回溯到以前的版本 二.可 ...

  5. Linux学习之路：shell变量（一）

    一.变量的显示与设置 1.变量的显示运用echo命令 +$符号: 上图例子显示的是系统变量,咱们可以自己设置变量 2.设置变量运用“=”符号 设置了变量NIU 值为“niunai” 变量设置规则: ( ...

  6. vsftpd给root设置访问权限

    1:Linux下安装vsftpd之后,默认的配置是匿名用户可以登录,匿名帐户有两个:用户名:anonymous密码:空 用户名:ftp密码:ftp 2:如果要用匿名进行上传删除等操作需要配置其它参数. ...

  7. CENTOS6 下MATLAB2014b的安装和破解（Matlab_R2014b linux版 安装笔记）

    参考:http://www.jianshu.com/p/f0cefc737dda ①在下载matlab linux版.iso, ②在windows下用ULTRAISO软件提取 ③用crack中的ins ...

  8. 初步接触html心得

    接触HTML大概有七天,做一下小总结,过过记忆. html大致可分为三部分:Dtd头.Head.Body三大部分. Dtd头:是用于浏览器编辑的,也就是俗话说的给电脑看的的东西. Head:内细分下大 ...

  9. The Shapes of CSS

    #square { width: 100px; height: 100px; background: red; } #rectangle { width: 200px; height: 100px; ...

  10. scala学习笔记：理解并行集合par

    scala> (1 to 5).foreach(println(_)) 1 2 3 4 5 scala> (1 to 5).par.foreach(println(_)) 3 1 4 2 ...