项目中常用的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 高亮显示文本中重要的关键字
Dec 24 Javascript
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
javascript学习笔记(十四) window对象使用介绍
Jun 20 Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 Javascript
初步使用bootstrap快速创建页面
Mar 03 Javascript
angular.js之路由的选择方法
Sep 24 Javascript
webpack2.0配置postcss-loader的方法
Aug 17 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
Sep 28 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
Feb 27 Javascript
使用微信SDK自定义分享的方法
Jul 03 Javascript
Openlayers绘制地图标注
Sep 28 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
php随机抽奖实例分析
2015/03/04 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
imgAreaSelect 中文文档帮助说明
2011/10/08 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
js验证电话号码与手机支持+86的正则表达式
2014/01/23 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
一分钟理解js闭包
2016/05/04 Javascript
BootStrap制作导航条实例代码
2016/05/06 Javascript
ionic实现滑动的三种方式
2016/08/27 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
关于Iframe父页面与子页面之间的相互调用
2016/11/22 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
vue组件学习教程
2017/09/09 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
VSCode launch.json配置详细教程
2020/06/18 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
2020/10/13 Javascript
js获取图片的base64编码并压缩
2020/12/05 Javascript
用python3读取python2的pickle数据方式
2019/12/25 Python
Python发送手机动态验证码代码实例
2020/02/28 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
LEGO玩具英国官方商店:LEGO Shop GB
2018/03/27 全球购物
教师的实习自我鉴定
2013/12/17 职场文书
个人承诺书
2014/03/26 职场文书
运动会演讲稿100字
2014/08/25 职场文书
尊师重教演讲稿
2014/09/04 职场文书
党员个人对照检查材料
2014/10/01 职场文书
2019森林防火宣传标语大全!
2019/07/03 职场文书
Golang标准库syscall详解(什么是系统调用)
2021/05/25 Golang