在浏览器中实现图片粘贴的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 相关文章推荐
极酷的javascirpt,让你随意编辑任何网页
Feb 25 Javascript
简单的js分页脚本
May 21 Javascript
在模板页面的js使用办法
Apr 01 Javascript
Array.prototype 的泛型应用分析
Apr 30 Javascript
JS+CSS实现一个气泡提示框
Aug 18 Javascript
理解javascript中的回调函数(callback)
Sep 02 Javascript
js控制div弹出层实现方法
May 11 Javascript
JS实现的网页背景闪电闪烁效果代码
Oct 17 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
Feb 28 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
vue项目中常见问题及解决方案(推荐)
Oct 21 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
让你的网站首页自动选择语言转跳
2006/12/06 PHP
php adodb连接不同数据库
2009/03/19 PHP
PHP图片等比例缩放生成缩略图函数分享
2014/06/10 PHP
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
php实现图片添加描边字和马赛克的方法
2014/12/10 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
详解WordPress中添加友情链接的方法
2016/05/21 PHP
提高代码性能技巧谈—以创建千行表格为例
2006/07/01 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
js简单实现竖向tab选项卡的方法
2015/05/04 Javascript
chrome浏览器如何断点调试异步加载的JS
2016/09/05 Javascript
Vue.js 父子组件通讯开发实例
2016/09/06 Javascript
Vue.js表单控件实践
2016/10/27 Javascript
vue.js的提示组件
2017/03/02 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
用vue写一个仿简书的轮播图的示例代码
2018/03/13 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
2019/01/18 jQuery
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
python中使用正则表达式的后向搜索肯定模式(推荐)
2017/11/11 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
2019/02/22 Python
详解python中递归函数
2019/04/16 Python
Python3.5运算符操作实例详解
2019/04/25 Python
Django中自定义admin Xadmin的实现代码
2019/08/09 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
Python中关于logging模块的学习笔记
2020/06/03 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
通俗讲解python 装饰器
2020/09/07 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
销售经理工作职责
2014/02/03 职场文书
酒店七夕情人节活动策划方案
2014/08/24 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
2015年医院后勤工作总结
2015/05/20 职场文书
MySql开发之自动同步表结构
2021/05/28 MySQL
Python实现Matplotlib,Seaborn动态数据图
2022/05/06 Python