在浏览器中实现图片粘贴的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 相关文章推荐
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
JSONP 跨域共享信息
Aug 16 Javascript
Javascript 按位与运算符 (&)使用介绍
Feb 04 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
Dec 28 Javascript
解决vue 项目引入字体图标报错、不显示等问题
Sep 01 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
Jan 06 Javascript
JavaScript实现的九种排序算法
Mar 04 Javascript
微信小程序如何访问公众号文章
Jul 08 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
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
推荐Discuz!5的PHP代码高亮显示与实现可运行代码
2007/03/15 PHP
php常用Stream函数集介绍
2013/06/24 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
CodeIgniter配置之routes.php用法实例分析
2016/01/19 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
PHP如何获取Cookie并实现模拟登录
2020/07/16 PHP
代码生成器 document.write()
2007/04/15 Javascript
基于Jquery的简单&简陋Tabs插件代码
2010/02/09 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
jQuery中创建实例与原型继承揭秘
2011/12/21 Javascript
JQuery each()函数如何优化循环DOM结构的性能
2012/12/10 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
JS 删除字符串最后一个字符的实现代码
2014/02/20 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
JavaScript数组的一些奇葩行为
2016/01/25 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
vue.js实现仿原生ios时间选择组件实例代码
2016/12/21 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
js作用域和作用域链及预解析
2019/04/11 Javascript
python使用opencv读取图片的实例
2017/08/17 Python
pandas DataFrame 根据多列的值做判断,生成新的列值实例
2018/05/18 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
Python2 Selenium元素定位的实现(8种)
2019/02/25 Python
浅谈django channels 路由误导
2020/05/28 Python
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
美国和加拿大计算机和电子产品购物网站:TigerDirect.com
2019/09/13 全球购物
财务管理专业毕业生求职信范文
2013/09/21 职场文书
机械电子工程毕业生自荐信
2013/11/23 职场文书
影视制作岗位职责
2013/12/04 职场文书
授权委托书范本
2014/04/03 职场文书
社区服务活动报告
2015/02/05 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书