项目中常用的JS方法整理


Posted in Javascript onJanuary 30, 2015

验证是否为图片格式

 function IsImgType(src) {

     var rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;

     var Filter = /(?:bmp|cis\-cod|gif|ief|jpeg|jpeg|jpeg|pipeg|png|svg\+xml|tiff|x\-cmu\-raster|x\-cmx|x\-icon|x\-portable\-anymap|x\-portable\-bitmap|x\-portable\-graymap|x\-portable\-pixmap|x\-rgb|x\-xbitmap|x\-xpixmap|x\-xwindowdump)$/i;

     return rFilter.test(src) || Filter.test(src);

 }

验证是否为颜色

function detectColor(value) {

    var pattern = /^#[0-9a-fA-F]{6}$/; //#XXXXXX

    var result;

    var rgbRegex = /(^rgb\((\d+),\s*(\d+),\s*(\d+)\)$)|(^rgba\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.\d+)*\)$)/;

    if (pattern.test(value)) {

        result = value;

    } else if (rgbRegex.test(value)) { //rgba(0, 0, 0, 0)

        result = value;

    }

    return result;

}

将RGB转化为HEX:

 function zero_fill_hex(num, digits) {

     var s = num.toString(16);

     while (s.length < digits) {

         s = "0" + s;

     }

     return s;

 }

 function rgb2hex(rgb) {

     if (rgb.charAt(0) == '#') {

         return rgb;

     }

     var ds = rgb.split(/\D+/);

     var decimal = Number(ds[1]) * 65536 + Number(ds[2]) * 256 + Number(ds[3]);

     return "#" + zero_fill_hex(decimal, 6);

 }

验证是否为Email地址:

 function testEmail (value, target) {

     value = value.trim();

     if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(value)) {

         target.val("");

         alert("Please fill in the correct E-mail address!");

     }

 }

将图片src转化为data 64:

function createImgData(img) {

    var image = new Image();

    image.src = img.src || img;

    var tmpCanvas = $("<canvas></canvas>")[0];

    var tmpCtx = tmpCanvas.getContext("2d");

    if (tmpCanvas) {

        tmpCanvas.width = image.width;

        tmpCanvas.height = image.height;

        tmpCtx.drawImage(image, 0, 0);

        return tmpCanvas.toDataURL();

    }

}

上面这些就是本人最近项目中所用到的常用的js方法了,整理出来,希望小伙伴们能够喜欢。

Javascript 相关文章推荐
5 cool javascript apps
Mar 24 Javascript
验证手机号码的JS方法分享
Sep 10 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
在Javascript中处理字符串之big()方法的使用
Jun 08 Javascript
JavaScript实现点击按钮直接打印
Jan 06 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
Dec 25 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
Dec 05 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
JavaScript监听键盘事件代码实现
Jun 03 Javascript
详细分析JavaScript中的深浅拷贝
Sep 17 Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 #Javascript
jquery实现拖拽调整Div大小
Jan 30 #Javascript
jQuery中$.click()无效问题分析
Jan 29 #Javascript
Eclipse配置Javascript开发环境图文教程
Jan 29 #Javascript
js操作滚动条事件实例
Jan 29 #Javascript
jQuery调取jSon数据并展示的方法
Jan 29 #Javascript
jquery通过load获取文件的内容并跳到锚点的方法
Jan 29 #Javascript
You might like
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
理解PHP5中static和const关键字的区别
2007/03/19 PHP
mysql 字段类型说明
2007/04/27 PHP
有关 PHP 和 MySQL 时区的一点总结
2008/03/26 PHP
php下连接mssql2005的代码
2011/01/17 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
JS获取IUSR_机器名和IWAM_机器名帐号的密码
2006/12/06 Javascript
JQuery1.8 判断元素是否绑定事件的方法
2014/07/10 Javascript
有关jquery与DOM节点操作方法和属性记录
2016/04/15 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
使用Vue-cli 3.0搭建Vue项目的方法
2018/06/07 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
在Django框架中运行Python应用全攻略
2015/07/17 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
selenium+python实现自动登录脚本
2018/04/22 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
对python中assert、isinstance的用法详解
2019/11/27 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
Python进行统计建模
2020/08/10 Python
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
百度吧主申请感言
2014/01/12 职场文书
庆元旦广播稿
2014/02/10 职场文书
机修工工作职责
2014/02/21 职场文书
大学学风建设方案
2014/05/04 职场文书
高二学年自我鉴定范文(2篇)
2014/09/26 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
工作简报怎么写
2015/07/21 职场文书
详解Java线程池是如何重复利用空闲线程的
2021/06/26 Java/Android