项目中常用的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 相关文章推荐
用jQuery中的ajax分页实现代码
Sep 20 Javascript
VBS通过WMI监视注册表变动的代码
Oct 27 Javascript
游览器中javascript的执行过程(图文)
May 20 Javascript
原生JS实现加入收藏夹的代码
Oct 24 Javascript
JavaScript中对象属性的添加和删除示例
May 12 Javascript
深入理解Ajax的get和post请求
Jun 02 Javascript
Javascript中判断一个值是否为undefined的方法详解
Sep 28 Javascript
bootstrap输入框组件使用方法详解
Jan 19 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
React全家桶环境搭建过程详解
May 18 Javascript
jQuery实现评论模块
Aug 19 jQuery
Vue中父子组件的值传递与方法传递
Sep 28 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
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
2006/10/09 PHP
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
smarty巧妙处理iframe中内容页的代码
2012/03/07 PHP
Javascript 类型转换方法
2010/10/24 Javascript
JSON语法五大要素图文介绍
2012/12/04 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
2013/08/28 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
2014/01/10 Javascript
贴近用户体验的Jquery日期、时间选择插件
2015/08/19 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
2015/08/26 Javascript
利用BootStrap弹出二级对话框的简单实现方法
2016/09/21 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
JavaScript工具库MyTools详解
2020/01/01 Javascript
JS实现字体背景跑马灯
2020/01/06 Javascript
Python的Bottle框架中获取制定cookie的教程
2015/04/24 Python
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
Python 跨.py文件调用自定义函数说明
2020/06/01 Python
python让函数不返回结果的方法
2020/06/22 Python
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
赔偿协议书范本
2014/04/15 职场文书
小学综合实践活动总结
2014/07/07 职场文书
公司踏青活动方案
2014/08/16 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
放射科岗位职责
2015/02/14 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
解决golang 关于全局变量的坑
2021/05/06 Golang
画错魏国疆域啦!《派对咖孔明》动画因作画失误于官网致歉
2022/04/07 日漫
python处理json数据文件
2022/04/11 Python