项目中常用的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提交表单数据的两种方式
Nov 24 Javascript
asp.net+js 实现无刷新上传解析csv文件的代码
May 17 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
Jan 02 Javascript
Javascript中的apply()方法浅析
Mar 15 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
Nov 05 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 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
全国中波电台频率表
2020/03/11 无线电
巧用php中的array_filter()函数去掉多维空值的代码分享
2012/09/07 PHP
PHP重定向的3种方式
2013/03/07 PHP
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
phpstrom使用xdebug配置方法
2013/12/17 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
PHP将数据导出Excel表中的实例(投机型)
2017/07/31 PHP
JS location几个方法小姐
2008/07/09 Javascript
IE浏览器兼容Firefox的JS脚本的代码
2008/10/23 Javascript
return false;和e.preventDefault();的区别
2010/07/11 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
Javascript图像处理—虚拟边缘介绍及使用方法
2012/12/27 Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
2013/04/15 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
javascript输出AscII码扩展集中的字符方法
2016/12/26 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
webpack4简单入门实例
2018/09/06 Javascript
javascript将非数值转换为数值
2018/09/13 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
2018/10/16 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
2018/11/02 Javascript
Vue3新特性之在Composition API中使用CSS Modules
2020/07/13 Javascript
[02:04]2018DOTA2亚洲邀请赛Secret赛前采访
2018/04/03 DOTA
[43:03]完美世界DOTA2联赛PWL S2 PXG vs Magma 第二场 11.21
2020/11/24 DOTA
python subprocess pipe 实时输出日志的操作
2020/12/05 Python
高一物理教学反思
2014/01/24 职场文书
小学校长先进事迹材料
2014/05/13 职场文书
企业宗旨标语
2014/06/10 职场文书
安全责任书范文
2014/08/25 职场文书
2014年减负工作总结
2014/12/10 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python
Java字符串逆序方法详情
2022/03/21 Java/Android