在浏览器中实现图片粘贴的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 相关文章推荐
setInterval 和 setTimeout会产生内存溢出
Feb 15 Javascript
javascript验证身份证完全方法具体实现
Nov 18 Javascript
JQuery判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
Nov 05 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
Angular2 环境配置详细介绍
Sep 21 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
javascript history对象详解
Feb 09 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
详解JS函数防抖
Jun 05 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操作xml入门之xml标签的属性分析
2015/01/23 PHP
PHP去除空数组且数组键名重置的讲解
2019/02/28 PHP
JavaScript使用prototype定义对象类型(转)[
2006/12/22 Javascript
Open and Print a Word Document
2007/06/15 Javascript
JavaScript 浮点数运算 精度问题
2009/10/06 Javascript
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
js getElementsByTagName的简写方式
2010/06/27 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
2015/10/15 Javascript
jQuery动态修改字体大小的方法【测试可用】
2016/09/09 Javascript
jQuery验证表单格式的使用方法
2017/01/10 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
浅谈vue限制文本框输入数字的正确姿势
2019/09/02 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
Python多进程机制实例详解
2015/07/02 Python
解读Python编程中的命名空间与作用域
2015/10/16 Python
Django打印出在数据库中执行的语句问题
2019/07/25 Python
python程序 创建多线程过程详解
2019/09/23 Python
学python安装的软件总结
2019/10/12 Python
自学python用什么系统好
2020/06/23 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
澳洲的服装老品牌:SABA
2018/02/06 全球购物
父亲八十大寿答谢词
2014/01/23 职场文书
募捐感谢信
2015/01/22 职场文书
求职信内容一般写什么?
2015/03/20 职场文书
大学生干部培训心得体会
2016/01/06 职场文书
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
python实现简单聊天功能
2021/07/07 Python
解析MySQL索引的作用
2022/03/03 MySQL
动画电影《龙珠超 超级英雄》延期上映
2022/03/20 日漫
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL