在浏览器中实现图片粘贴的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 相关文章推荐
调用js时ie6和ie7,ff的区别
Aug 19 Javascript
JavaScript Event学习第三章 早期的事件处理程序
Feb 07 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
Jan 12 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
Mar 01 Javascript
浅谈js中StringBuffer类的实现方法及使用
Sep 02 Javascript
判断数组的最佳方法(推荐)
Oct 11 Javascript
JavaScript方法_动力节点Java学院整理
Jun 28 Javascript
基于JavaScript实现飘落星星特效
Aug 10 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
Nov 20 Javascript
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 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 购物车实例(申精)
2009/05/11 PHP
php二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
laravel 验证错误信息到 blade模板的方法
2019/09/29 PHP
js随机颜色代码的多种实现方式
2013/04/23 Javascript
一看就懂:jsonp详解
2015/06/01 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
2017/03/17 Javascript
关于vue的npm run dev和npm run build的区别介绍
2019/01/14 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
2020/08/26 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
2020/09/22 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
[01:24:34]2014 DOTA2华西杯精英邀请赛5 24 DK VS LGD
2014/05/25 DOTA
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
Python实现将sqlite数据库导出转成Excel(xls)表的方法
2017/07/17 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
详解python对象之间的交互
2020/09/29 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
python Matplotlib基础--如何添加文本和标注
2021/01/26 Python
关于 HTML5 的七个传说小结
2012/04/12 HTML / CSS
Pandora德国官网:购买潘多拉手链、戒指、项链和耳环
2020/02/20 全球购物
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
中医药大学市场营销专业自荐信
2013/09/29 职场文书
学生通报表扬范文
2015/05/04 职场文书
2019年干货:自我鉴定
2019/03/25 职场文书
2019开业庆典剪彩仪式主持词!
2019/07/22 职场文书
3招让你摆脱即兴讲话冷场尴尬
2019/08/08 职场文书
React forwardRef的使用方法及注意点
2021/06/13 Javascript
电频谱管理的原则是什么
2022/02/18 无线电
Nginx虚拟主机的配置步骤过程全解
2022/03/31 Servers