<!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. json处理复杂对象jsonConfig

     我们通常的Json字符串和java当对象互转.经常有选择性地过滤掉一些属性值,和json-lib包JsonConfig为我们提供了这样一个 特征,有几种方法实施细则. (1)建立JsonConf ...

  2. Windows二进制文件的Python扩展包

    http://www.lfd.uci.edu/~gohlke/pythonlibs/ https://pypi.python.org/simple/

  3. Linux性能优化--CPU[备忘]

    http://kumu-linux.github.io/blog/2014/04/21/performance-cpu/

  4. Hadoop可视化与交互式工具：Zeppelin和Hue

    https://yq.aliyun.com/articles/42282?spm=5176.team18.teamshow1.19.9TkKmZ#rd

  5. careercup-中等难度 17.11

    17.11 给定rand5(),实现一个方法rand7().也即,给定一个产生0到4(含)随机数的方法,编写一个产生0到6(含)随机数的方法. 解法: 这个函数要正确实现,则返回0到6之间的值,每个值 ...

  6. 文件I/O（不带缓冲）之dup和dup2函数

    下面两个函数都可用来复制一个现有的文件描述符: #include <unistd.h> int dup( int filedes ); int dup2( int filedes, int ...

  7. java_jdbc_反射技术将查询结果封装为对象

    package cn.itcast.Reflect; import java.lang.reflect.InvocationTargetException; import java.lang.refl ...

  8. Helpers\Assets

    Helpers\Assets The assets helper is for loading CSS and JS files rather than writing out the full sc ...

  9. ExtJs 继承 和 插件 示例

    Ext.ns('Ext.ux'); function btn(){ alert(this.id); }; var panel_plugs = {//定义插件 init : function(panel ...

  10. Java设计模式06：常用设计模式之适配器模式（结构型模式）

    1. Java之适配器模式(Adapter Pattern) (1)概述:    将一个类的接口转换成客户希望的另外一个接口.Adapter模式使得原本由于接口不兼容而不能一起工作的那些类,可以在一起 ...