在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南


Posted in Javascript onDecember 29, 2014

 pasteimg是一款可以在浏览器中实现图片粘贴的jQuery插件,兼容Chrome、Firefox、IE11以及其他使用这些内核的浏览器,比如,国内著名的360浏览器。

     pasteimg可以识别浏览器中直接复制的图片,也可以识别复制的富文本中的图片。仅仅可以识别在浏览器中复制的内容,操作系统中复制的图片是不能识别的。

     pasteimg依赖jQuery,简单易用,引入jQuery和paste.image.js后,调用方式如下:

//在需要监听粘贴事件的dom元素上调用pasteImage方法

//调用pasteImage方法需要传入一个callback参数

//一旦粘贴的内容中发现图片,就会调用callback

//调用callback时,会传入一个数组,包含了所有的图片

//本插件会尽可能的将图片转换成base64编码,但受到跨域的限制,如果不能转换,将返回图片的绝对url路径

$("#container").pasteImage(function(imgs){

  //imgs is array that contain all image, you can do something...

});

 
插件下载地址:https://github.com/iyangyuan/pasteimg

     有疑问欢迎反馈!

Javascript 相关文章推荐
javascript 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
js 模拟气泡屏保效果代码
Jul 10 Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
Oct 27 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
基于JQuery实现图片轮播效果(焦点图)
Feb 02 Javascript
AngularJS实现使用路由切换视图的方法
Jan 24 Javascript
详解使用webpack构建多页面应用
Dec 21 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
vue使用openlayers实现移动点动画
Sep 24 Javascript
JavaScript中的值类型详细介绍
Dec 29 #Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 #Javascript
JavaScript中的console.assert()函数介绍
Dec 29 #Javascript
jQuery中:eq()选择器用法实例
Dec 29 #Javascript
根据配置文件加载js依赖模块
Dec 29 #Javascript
JavaScript中的console.dir()函数介绍
Dec 29 #Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 #Javascript
You might like
PHP图片水印类的封装
2017/07/06 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解
2019/04/03 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
Eclipse下jQuery文件报错出现错误提示红叉
2014/01/13 Javascript
JS中的数组的sort方法使用示例
2014/01/22 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
jQuery初级教程之网站品牌列表效果
2017/08/02 jQuery
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
Python中请使用isinstance()判断变量类型
2014/08/25 Python
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
Python中zfill()方法的使用教程
2015/05/20 Python
python win32 简单操作方法
2017/05/25 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
python如何从文件读取数据及解析
2019/09/19 Python
Python实现银行账户资金交易管理系统
2020/01/03 Python
python单例设计模式实现解析
2020/01/07 Python
django model通过字典更新数据实例
2020/04/01 Python
Pandas的Apply函数具体使用
2020/07/21 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
2020/10/28 HTML / CSS
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
办公文员的工作岗位职责
2013/11/12 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
2016年暑假家长对孩子评语
2015/12/01 职场文书
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python
k8s部署redis cluster集群的实现
2021/06/24 Redis
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers