在浏览器中实现图片粘贴的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 相关文章推荐
在 IE 中调用 javascript 打开 Excel 表
Dec 21 Javascript
Prototype使用指南之base.js
Jan 10 Javascript
用javascript做拖动布局的思路
May 31 Javascript
javascript显示隐藏层比较不错的方法分析
Sep 30 Javascript
json原理分析及实例介绍
Nov 29 Javascript
有关于eclipse配置spket需要注意的一些地方
Apr 07 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
JS实现的合并多个数组去重算法示例
Apr 11 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
微信小程序HTTP请求从0到1封装
Sep 09 Javascript
jquery实现聊天机器人
Feb 08 jQuery
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中session的实现原理以及大网站应用应注意的问题
2013/06/17 PHP
php判断正常访问和外部访问的示例
2014/02/10 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
2016/06/21 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
javascript跨域请求包装函数与用法示例
2016/11/03 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
使用watch在微信小程序中实现全局状态共享
2019/06/03 Javascript
jQuery实现验证用户登录
2019/12/10 jQuery
vue 弹出遮罩层样式实例
2020/07/22 Javascript
vue的$http的get请求要加上params操作
2020/11/12 Javascript
[01:40]2014DOTA2国际邀请赛 三冰SOLO赛后采访恶搞
2014/07/09 DOTA
[01:00:53]OG vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python IDE PyCharm的基本快捷键和配置简介
2015/11/04 Python
举例讲解Python编程中对线程锁的使用
2016/07/12 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
python利用urllib实现爬取京东网站商品图片的爬虫实例
2017/08/24 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
Linux下python3.6.1环境配置教程
2018/09/26 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
keras之权重初始化方式
2020/05/21 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
Java语言程序设计测试题判断题部分
2013/01/06 面试题
会计实习自我鉴定
2013/12/04 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
医院领导班子整改方案
2014/10/01 职场文书
2014年除四害工作总结
2014/12/06 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python