在浏览器中实现图片粘贴的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 相关文章推荐
table行随鼠标移动变色示例
May 07 Javascript
jquery+javascript编写国籍控件
Feb 12 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
May 30 Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
Dec 22 Javascript
js实现会跳动的日历效果(完整实例)
Oct 18 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
Mar 29 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
Apr 10 Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 Javascript
js定时器出现第一次延迟的原因及解决方法
Jan 04 Javascript
JS轻量级函数式编程实现XDM三
Jun 16 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 heredoc和phpwind的模板技术使用方法小结
2008/03/28 PHP
通过PHP CLI实现简单的数据库实时监控调度
2009/07/01 PHP
Discuz!下Memcache缓存实现方法
2010/05/28 PHP
php验证码实现代码(3种)
2015/09/07 PHP
php中array_slice和array_splice函数解析
2016/10/18 PHP
Windows Live的@live.com域名注册漏洞 利用代码
2006/12/27 Javascript
JavaScript Undefined,Null类型和NaN值区别
2008/10/22 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
2014/08/12 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
基于jQuery实现的文字按钮表单特效整理
2014/12/07 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
2015/02/05 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
JavaScript实现Fly Bird小游戏
2016/12/15 Javascript
Javascript中构造函数要注意的一些坑
2017/01/23 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
2017/01/23 Javascript
如何让你的JS代码更好看易读
2017/12/01 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
Vue中img的src是动态渲染时不显示的解决
2019/11/14 Javascript
基于JavaScript获取url参数2种方法
2020/04/17 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
Python中DJANGO简单测试实例
2015/05/11 Python
解决pyinstaller打包发布后的exe文件打开控制台闪退的问题
2019/06/21 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
浅谈python中频繁的print到底能浪费多长时间
2020/02/21 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
英国最大的奢侈品零售网络商城:Flannels
2016/09/16 全球购物
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
英国家居用品和家居装饰品购物网站:Cox & Cox
2019/08/25 全球购物
安全在我心中演讲稿
2014/09/01 职场文书
普通党员四风问题对照检查材料
2014/09/27 职场文书
2014年采购部工作总结
2014/11/20 职场文书