JavaScript验证图片类型(扩展名)的函数分享_javascript技巧

前台调用如下

复制代码 代码如下:

OnClientClick="return fucCheckJpgAndGif(form1.File1.value);" --其中File1为上传文件控件

函数代码:

复制代码 代码如下:

function fucCheckJpgAndGif(strFileName) {
    if (strFileName != "") {
        var strtype = strFileName.substring(strFileName.length - 4, strFileName.length);
        strtype = strtype.toLowerCase();
        if ((strtype == ".jpg") || (strtype == ".gif") || (strtype == "jpeg") || (strtype == ".bmp")) {
            return true;
        }
        else {
            alert("请上传jpg、gif或者bmp格式的图片,谢谢!");
            return false;
        }
    }
    alert("请上传jpg、gif或者bmp格式的图片,谢谢!");/* from http://yige.org/js/ */
    return false;

}

时间: 2024-10-25 06:26:35

JavaScript验证图片类型(扩展名)的函数分享_javascript技巧的相关文章

JavaScript实现图片滑动切换的代码示例分享_javascript技巧

假设我们这里有1到5五张bmp图片,那么控制图片切换显示的核心代码可以为: <script> var i=1; var img = new Array(); img[0] = "1.bmp"; img[1] = "2.bmp"; img[2] = "3.bmp"; img[3] = "4.bmp"; img[4] = "5.bmp"; function playImg(){ i=i+1; var

JavaScript生成随机数的4种自定义函数分享_javascript技巧

第一种方法 /* *@desc:生成随机字符串 *@remark:toString方法可以接收一个基数作为参数的原理,这个基数从2到36封顶.如果不指定,默认基数是10进制 */ function generateRandomAlphaNum(len) { var rdmString = ""; for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)); return rdm

JavaScript日期时间与时间戳的转换函数分享_javascript技巧

如果只是将当前时间转成时间戳,可以直接使用new Date().getTime()/1000:但如果是将某个具体时间或日期转成Unix时间戳,ie不支持像new Date("2013-1-1")  这样带参数的方法,将返回NaN. 对此,我写了以下函数,支持ie6+,谷歌,火狐等浏览器: 复制代码 代码如下: function getTime(day){  re = /(\d{4})(?:-(\d{1,2})(?:-(\d{1,2}))?)?(?:\s+(\d{1,2}):(\d{1,

php自定义扩展名获取函数示例_php技巧

本文实例讲述了php自定义扩展名获取函数.分享给大家供大家参考,具体如下: <?php $url = "http://www.abc.com/abc/de/fg.php?id=1"; //这个是自己写的 function getUrl($url) { $date = explode('?', $url); $date = basename($date[0]); $date = explode('.', $date); return $date[1]; } var_dump(get

Javascript实现图片懒加载插件的方法_javascript技巧

前言 网络上各大论坛,尤其是一些图片类型的网站上,在图片加载时均采用了一种名为懒加载的方式,具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片,从而节约了网络带宽和提高了初次加载的速度,具体实现的技术并不复杂,下面分别对其说明. Web 图片的懒加载就是通过读取img元素,然后获得img元素的data-src(也可以约定为其他属性名)属性的值,并赋予img的src,从而实现动态加载图片的机制. 这里需要注意的是: img在初

JavaScript获取图片像素颜色并转换为box-shadow显示_javascript技巧

一.原理: 1.使用HTML5的FileReader API读取图片FileReader文件读物器,用于读取客户端文件到,注意,文件读取完毕后并不会载入缓存 eg: var upfile = document.querySelector('#upfile'); var fileReader = new FileReader(); fileReader.onload = function(evt) { if(FileReader.DONE==fileReader.readyState) { var

javascript实现图片循环渐显播放的方法_javascript技巧

本文实例讲述了javascript实现图片循环渐显播放的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>图片的循环渐显播放效果代码</title> <head> <!--1.将下面的代码插入到HEML的<head></head>之间: --> <script language=javaScript> <!--// sandra0 = new Image()

javascript验证邮件地址和MX记录的方法_javascript技巧

本文实例讲述了javascript验证邮件地址和MX记录的方法.分享给大家供大家参考.具体如下: // Tests for a valid email address and optionally tests for valid MX records, too. function is_valid_email($email, $test_mx = false) { if(eregi("^([_a-z0-9-]+)(\.[_a-z0-9-]+)*@([a-z0-9-]+)(\.[a-z0-9-]+

JavaScript中boolean类型之三种情景实例代码_javascript技巧

实例如下: <!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> <meta http-equiv="Co