在浏览器中实现图片粘贴的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 json2 使用方法
Mar 16 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
javascript变量作用域使用中常见错误总结
Mar 26 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 Javascript
JS图片等比例缩放方法完整示例
Aug 03 Javascript
Bootstrap CSS使用方法
Dec 23 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
Chrome调试折腾记之JS断点调试技巧
Sep 11 Javascript
webpack的pitching loader详解
Sep 23 Javascript
详解vue实现坐标拾取器功能示例
Nov 18 Vue.js
element-ui封装一个Table模板组件的示例
Jan 04 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/06 日漫
SMARTY学习手记
2007/01/04 PHP
PHP数组循环操作详细介绍 附实例代码
2013/02/03 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
探究Laravel使用env函数读取环境变量为null的问题
2016/12/06 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
2014/09/06 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
2015/02/28 Javascript
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
JS控制HTML元素的显示和隐藏的两种方法
2016/09/27 Javascript
JS实现隔行换色的表格排序
2017/03/27 Javascript
js实现省市级联效果分享
2017/08/10 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
微信小程序canvas截取任意形状的实现代码
2020/01/13 Javascript
Python import自定义模块方法
2015/02/12 Python
Python lxml模块安装教程
2015/06/02 Python
对Python3使运行暂停的方法详解
2019/02/18 Python
python+os根据文件名自动生成文本
2019/03/21 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
Python通过len函数返回对象长度
2020/10/22 Python
详解使用canvas保存网页为pdf文件支持跨域
2018/11/23 HTML / CSS
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
新加坡网上花店:FlowerAdvisor新加坡
2018/10/05 全球购物
AOP的定义以及作用
2013/09/08 面试题
介绍一下Linux文件的记录形式
2012/04/18 面试题
国窖1573广告词
2014/03/21 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
拔河比赛口号
2014/06/10 职场文书
护理目标管理责任书
2014/07/25 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
教师节主题班会方案
2015/08/17 职场文书
500字作文之难忘的同学
2019/12/20 职场文书