在浏览器中实现图片粘贴的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遍历对象、数组、集合实例
Nov 08 Javascript
浅谈JavaScript Math和Number对象
Jan 26 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
JS定义类的六种方式详解
May 12 Javascript
JavaScript实现自定义媒体播放器方法介绍
Jan 03 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
Feb 22 Javascript
Element UI框架中巧用树选择器的实现
Dec 12 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 Javascript
angularjs1.X 重构controller 的方法小结
Aug 15 Javascript
教你一步步实现一个简易promise
Nov 02 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/11/16 PHP
学习php开源项目的源码指南
2014/12/21 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
PHP htmlentities()函数用法讲解
2019/02/25 PHP
JQuery最佳实践之精妙的自定义事件
2010/08/11 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
2011/03/10 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
2016/11/07 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
2018/05/23 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
vue中使用vue-cli接入融云实现即时通信
2019/04/19 Javascript
element-ui如何防止重复提交的方法步骤
2019/12/09 Javascript
vue 实现用户登录方式的切换功能
2020/04/14 Javascript
如何在postman测试用例中实现断言过程解析
2020/07/09 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
[01:47]2018年度DOTA2最佳教练-完美盛典
2018/12/16 DOTA
Python模块学习 re 正则表达式
2011/05/19 Python
Python实现购物车程序
2018/04/16 Python
Python实现的json文件读取及中文乱码显示问题解决方法
2018/08/06 Python
用Python实现读写锁的示例代码
2018/11/05 Python
python中元组的用法整理
2020/06/15 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
俄罗斯连接商品和买家的在线平台:goods.ru
2020/11/30 全球购物
初中生期末考试的自我评价
2013/12/17 职场文书
学生自我评语大全
2014/04/18 职场文书
支行行长竞聘报告
2014/11/06 职场文书
2014年除四害工作总结
2014/12/06 职场文书
新郎新娘致辞
2015/07/31 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
任命书格式模板
2015/09/22 职场文书
导游词之昭君岛
2020/01/17 职场文书
JavaScript的Set数据结构详解
2022/02/18 Javascript
angular异步验证器防抖实例详解
2022/03/31 Javascript