快捷導(dǎo)航

在瀏覽器中實(shí)現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南

更新時(shí)間：2014年12月29日 11:20:17 投稿：hebedich

這篇文章主要介紹了在瀏覽器中實(shí)現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南,需要的朋友可以參考下

pasteimg是一款可以在瀏覽器中實(shí)現(xiàn)圖片粘貼的jQuery插件，兼容Chrome、Firefox、IE11以及其他使用這些內(nèi)核的瀏覽器，比如，國(guó)內(nèi)著名的360瀏覽器。

pasteimg可以識(shí)別瀏覽器中直接復(fù)制的圖片，也可以識(shí)別復(fù)制的富文本中的圖片。僅僅可以識(shí)別在瀏覽器中復(fù)制的內(nèi)容，操作系統(tǒng)中復(fù)制的圖片是不能識(shí)別的。

pasteimg依賴jQuery，簡(jiǎn)單易用，引入jQuery和paste.image.js后，調(diào)用方式如下：

復(fù)制代碼代碼如下:

//在需要監(jiān)聽(tīng)粘貼事件的dom元素上調(diào)用pasteImage方法

//調(diào)用pasteImage方法需要傳入一個(gè)callback參數(shù)

//一旦粘貼的內(nèi)容中發(fā)現(xiàn)圖片，就會(huì)調(diào)用callback

//調(diào)用callback時(shí)，會(huì)傳入一個(gè)數(shù)組，包含了所有的圖片

//本插件會(huì)盡可能的將圖片轉(zhuǎn)換成base64編碼，但受到跨域的限制，如果不能轉(zhuǎn)換，將返回圖片的絕對(duì)url路徑

$("#container").pasteImage(function(imgs){

  //imgs is array that contain all image, you can do something...

});

插件下載地址：https://github.com/iyangyuan/pasteimg

有疑問(wèn)歡迎反饋！

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)的簡(jiǎn)單拖拽功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單拖拽功能,結(jié)合實(shí)例形式分析了jQuery鼠標(biāo)事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)修改相關(guān)技巧,需要的朋友可以參考下
2016-09-09
簡(jiǎn)單的jQuery入門指引
這篇文章主要介紹了簡(jiǎn)單的jQuery入門指引,jQuery是當(dāng)今最為流行的JavaScript庫(kù),需要的朋友可以參考下
2015-07-07
jQuery UI 實(shí)現(xiàn)email輸入提示實(shí)例
本文為大家介紹下使用jQuery UI 實(shí)現(xiàn)email輸入提示，具體思路如下，感興趣的朋友可以參考下
2013-08-08
jQuery實(shí)現(xiàn)下拉菜單動(dòng)態(tài)添加數(shù)據(jù)點(diǎn)擊滑出收起其他功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)下拉菜單動(dòng)態(tài)添加數(shù)據(jù)點(diǎn)擊滑出收起其他功能，本文給大家介紹的非常詳細(xì),需要的朋友可以參考下
2018-06-06
百度多文件異步上傳控件webuploader基本用法解析
這篇文章主要為大家詳細(xì)介紹了百度多文件異步上傳控件webuploader基本用法解析
2016-11-11
JQuery分屏指示器圖片輪換效果實(shí)例
這篇文章主要介紹了JQuery分屏指示器圖片輪換效果實(shí)現(xiàn)方法,實(shí)例分析了jQuery圖片輪播操作的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
Jquery實(shí)現(xiàn)圖片預(yù)加載與延時(shí)加載的方法
這篇文章主要介紹了Jquery實(shí)現(xiàn)圖片預(yù)加載與延時(shí)加載的方法,分別介紹了原生javascript與jQuery插件實(shí)現(xiàn)圖片的預(yù)加載及延遲加載的方法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
基于jQuery實(shí)現(xiàn)滾動(dòng)切換效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)滾動(dòng)切換效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
jQuery EasyUI基礎(chǔ)教程之EasyUI常用組件(推薦)
這篇文章主要介紹了jQuery EasyUI基礎(chǔ)教程之EasyUI常用組件(推薦),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
jQuery1.6 使用方法二
jQuery1.6 使用方法，需要的朋友可以參考下。
2011-11-11