项目中常用的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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点)
Mar 10 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 Javascript
如何判断元素是否为HTMLElement元素
Dec 06 Javascript
javascript读取xml实现javascript分页
Dec 13 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
JavaScript获取指定元素位置的方法
Apr 08 Javascript
JS onkeypress兼容性写法详解
Apr 27 Javascript
jQuery EasyUI 入门必看
Jun 03 Javascript
微信小程序 Page()函数详解
Oct 17 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
微信小程序 调用微信授权窗口相关问题解决
Jul 25 Javascript
Vue h函数的使用详解
Feb 18 Vue.js
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
转生史莱姆:萌王第一次撸串开心到飞起,哥布塔撸串却神似界王神
2018/11/30 日漫
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
ECMAScript 基础知识
2007/06/29 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
基于JQuery制作可编辑的表格特效
2014/12/23 Javascript
浅析JS动态创建元素【两种方法】
2016/04/20 Javascript
js仿腾讯QQ的web登陆界面
2016/08/19 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
AngularJS中ng-class用法实例分析
2017/07/06 Javascript
angularjs实现简单的购物车功能
2017/09/21 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
深入Node TCP模块的理解
2019/03/13 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
JavaScript实现捕获鼠标坐标
2020/04/12 Javascript
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
Python中函数及默认参数的定义与调用操作实例分析
2017/07/25 Python
python字符串string的内置方法实例详解
2018/05/14 Python
Python中字符串与编码示例代码
2019/05/20 Python
Python PIL库图片灰化处理
2020/04/07 Python
在Anaconda3下使用清华镜像源安装TensorFlow(CPU版)
2020/04/19 Python
职称自我鉴定
2013/10/15 职场文书
个人自荐书
2013/12/20 职场文书
建筑设计专业求职自我评价
2014/03/02 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
文化大革命观后感
2015/06/17 职场文书
公司庆典主持词
2015/07/04 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
Tomcat 与 maven 的安装与使用教程
2022/06/16 Servers