项目中常用的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 tab插件制作实现代码
Jun 22 Javascript
基于jQuery的星级评分插件
Aug 12 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
vue-cli的webpack模板项目配置文件分析
Apr 01 Javascript
javascript简单链式调用案例分析
May 10 Javascript
Angular5.1新功能分享
Dec 21 Javascript
vue自定义指令的创建和使用方法实例分析
Dec 04 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
TypeScript之调用栈的实现
Dec 31 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 Javascript
详细介绍Next.js脚手架完整搭建封装
Apr 26 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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
PHP开发的一些注意点总结
2010/10/12 PHP
解析wamp5下虚拟机配置文档
2013/06/27 PHP
php下pdo的mysql事务处理用法实例
2014/12/27 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
jQuery判断元素是否存在的可靠方法
2014/05/06 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
JavaScript代码实现左右上下自动晃动自动移动
2016/04/08 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
Bootstrap布局之栅格系统详解
2016/06/13 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
2016/11/16 Javascript
超简单的Vue.js环境搭建教程
2017/03/17 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
详解在React中跨组件分发状态的三种方法
2018/08/09 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
2019/03/07 Javascript
弱类型语言javascript中 a,b 的运算实例小结
2019/08/07 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
使用Python批量修改文件名的代码实例
2019/01/24 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
python实现TCP文件传输
2020/03/20 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
Python面试题:Python里面如何生成随机数
2015/03/12 面试题
幼儿园植树节活动总结
2014/07/04 职场文书
光棍节联谊晚会活动策划书
2014/10/10 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
六年级学生期末评语
2014/12/26 职场文书
西柏坡观后感
2015/06/08 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书