在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南

 更新时间:2014年12月29日 11:20:17   投稿:hebedich  
这篇文章主要介绍了在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南,需要的朋友可以参考下

 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

     有疑问欢迎反馈!

相关文章

  • jQuery实现的网页换肤效果示例

    jQuery实现的网页换肤效果示例

    这篇文章主要介绍了jQuery实现的网页换肤效果,结合完整实例形式分析了jQuery通过修改link标签的href属性值实现换肤效果的相关技巧,需要的朋友可以参考下
    2016-09-09
  • jquery自定义显示消息数量

    jquery自定义显示消息数量

    这篇文章主要为大家详细介绍了基于jquery自定义显示消息数量,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • 关于jQuery里prev()的简单操作代码

    关于jQuery里prev()的简单操作代码

    这篇文章主要介绍了jQuery里prev()的简单操作代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-10-10
  • jQuery使用手册之三 CSS操作

    jQuery使用手册之三 CSS操作

    jQuery使用手册之三 CSS操作...
    2007-03-03
  • Jquery on("click")方法绑定事件后执行多次的解决方法

    Jquery on("click")方法绑定事件后执行多次的解决方法

    这篇文章主要给大家介绍了关于Jquery on("click")方法绑定事件后执行多次的解决方法,文章通过实例代码以及图文介绍的非常详细,对大家学习或者使用jQuery具有一定的参考学习价值,需要的朋友可以参考下
    2023-06-06
  • jquery.cookie.js的介绍与使用方法

    jquery.cookie.js的介绍与使用方法

    相信大家都知道jquery.cookie.js是一个轻量级的cookie 插件,可以读取、写入、删除 cookie。下面这篇文章就来给大家简单的介绍下关于jquery.cookie.js的介绍与使用方法,需要的朋友可以参考借鉴,一起来看看吧。
    2017-02-02
  • jQuery渐变发光导航菜单的实例代码

    jQuery渐变发光导航菜单的实例代码

    今天介绍一个jQuery渐变发光效果的导航菜单,这是一个简单的通过jQuery控制opacity实现的导航菜单。
    2013-03-03
  • jquery对table中各数据的增加、保存、删除操作示例

    jquery对table中各数据的增加、保存、删除操作示例

    这篇文章主要介绍了jquery对table中各种数据的增加、保存、删除操作,需要的朋友可以参考下
    2014-05-05
  • jQuery对table表格进行增删改查

    jQuery对table表格进行增删改查

    这篇文章主要为大家详细介绍了jQuery对table表格进行增删改查操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • jQuery输入城市查看地图使用介绍

    jQuery输入城市查看地图使用介绍

    任意输入国家和城市,用“,”分隔,点击设置下面的超链接就变为了刚设置的城市,点击可以跳到这个城市的查看地图页,鼠标移到超链接上会弹出一个350*350的地图
    2013-05-05

最新评论