在浏览器中实现图片粘贴的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 相关文章推荐
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
浅谈使用MVC模式进行JavaScript程序开发
Nov 10 Javascript
AngularJS实现使用路由切换视图的方法
Jan 24 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
详解Vue文档中几个易忽视部分的剖析
Mar 24 Javascript
JavaScript实现与使用发布/订阅模式详解
Jan 19 Javascript
Node爬取大批量文件的方法示例
Jun 28 Javascript
vue自动化路由的实现代码
Sep 30 Javascript
js实现特别简单的钟表效果
Sep 14 Javascript
js前端图片加载异常兜底方案
Jun 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
PHP中如何实现常用邮箱的基本判断
2014/01/07 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
PHP中静态变量的使用方法实例分析
2016/12/01 PHP
php利用嵌套数组拼接与解析json的方法
2017/02/07 PHP
PHP在弹框中获取foreach中遍历的id值并传递给地址栏
2017/06/13 PHP
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
nodejs教程之入门
2014/11/21 NodeJs
JS实现一个按钮的方法
2015/02/05 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
vue 表单验证按钮事件交由父组件触发的方法
2018/12/17 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
[01:20]DOTA2 齐天大圣至宝动态展示
2016/12/13 DOTA
[14:50]2018DOTA2亚洲邀请赛开幕式
2018/04/03 DOTA
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
简单介绍Python下自己编写web框架的一些要点
2015/04/29 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
详解python分布式进程
2018/10/08 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
python 基于卡方值分箱算法的实现示例
2020/07/17 Python
经济学博士求职自荐信范文
2013/11/23 职场文书
应聘编辑职位自荐信范文
2014/01/05 职场文书
治庸问责心得体会
2014/09/12 职场文书
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
2015学校年度工作总结
2015/05/11 职场文书
退休欢送会主持词
2015/07/01 职场文书
Python中的程序流程控制语句
2022/02/24 Python