在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南_jquery
程序员文章站
2022-03-14 13:30:38
...
pasteimg是一款可以在浏览器中实现图片粘贴的jQuery插件,兼容Chrome、Firefox、IE11以及其他使用这些内核的浏览器,比如,国内著名的360浏览器。
//在需要监听粘贴事件的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
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
有疑问欢迎反馈!
上一篇: 用Portal来集成外部应用程序
下一篇: php换行符用什么表示
推荐阅读
-
完美兼容各大浏览器的jQuery插件实现图片切换特效
-
javascript - jQuery中的supersized插件,在thinkphp项目中背景图片的引入路径是怎样的?
-
完美兼容各大浏览器的jQuery插件实现图片切换特效_jquery
-
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题_jquery
-
JQuery boxy插件在IE中边角图片不显示问题的解决_jquery
-
完美兼容各大浏览器的jQuery插件实现图片切换特效_jquery
-
完美兼容各大浏览器的jQuery插件实现图片切换特效
-
JQuery boxy插件在IE中边角图片不显示问题的解决_jquery
-
javascript - jQuery中的supersized插件,在thinkphp项目中背景图片的引入路径是怎样的?
-
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南_jquery