项目中常用的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 相关文章推荐
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 Javascript
javascript模拟的Ping效果代码 (Web Ping)
Mar 13 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
jQuery内容过滤选择器用法分析
Feb 10 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 Javascript
详解Bootstrap各式各样的按钮(推荐)
Dec 13 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
express启用https使用小记
May 21 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 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
PHP安装问题
2006/10/09 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
PHP中的traits实现代码复用使用实例
2015/05/13 PHP
php+ajax简单实现全选删除的方法
2016/12/06 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
thinkPHP5.0框架命名空间详解
2017/03/18 PHP
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
2016/10/19 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
原生JS实现留言板
2020/03/26 Javascript
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
利用Python如何生成便签图片详解
2018/07/09 Python
Django中URL的参数传递的实现
2019/08/04 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
前端制作动画的几种方式(css3,js)
2016/12/12 HTML / CSS
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
NFL加拿大官方网上商店:NHLShop.ca
2019/03/12 全球购物
病人家属写给医院的感谢信
2015/01/23 职场文书
部队个人年终总结
2015/03/02 职场文书
汽车修理厂管理制度
2015/08/05 职场文书
小学主题班会教案
2015/08/17 职场文书
Spring Boot两种全局配置和两种注解的操作方法
2021/06/29 Java/Android
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
springboot实现string转json json里面带数组
2022/06/16 Java/Android