在浏览器中实现图片粘贴的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的数据类型(示例代码)
Dec 11 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
Aug 25 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
JS公共小方法之判断对象是否为domElement的实例
Nov 25 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
vue.js 实现评价五角星组件的实例代码
Aug 13 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
Nov 09 Javascript
javascript的var与let,const之间的区别详解
Feb 18 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
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
PHP以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
2013/11/03 Javascript
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
js实现类似MSN提示的页面效果代码分享
2015/08/24 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
2015/10/22 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
浅谈AngularJS中ng-class的使用方法
2016/11/11 Javascript
实例详解Node.js 函数
2018/06/10 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
js的Object.assign用法示例分析
2020/03/05 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
2020/12/10 Vue.js
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
详解python 字符串和日期之间转换 StringAndDate
2017/05/04 Python
Python比较2个时间大小的实现方法
2018/04/10 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
Python中免验证跳转到内容页的实例代码
2020/10/23 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
Python创建自己的加密货币的示例
2021/03/01 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
J2EE面试题大全
2016/08/06 面试题
机械工程及自动化专业求职信
2014/09/03 职场文书
担保书范文
2019/07/09 职场文书
Python中异常处理用法
2021/11/27 Python
Pillow图像处理库安装及使用
2022/04/12 Python