在瀏覽器中實(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)用方式如下:
//在需要監(jiān)聽粘貼事件的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
有疑問歡迎反饋!
- jQuery插件boxScroll實(shí)現(xiàn)圖片輪播特效
- jQuery插件expander實(shí)現(xiàn)圖片翻轉(zhuǎn)特效
- JQuery boxy插件在IE中邊角圖片不顯示問題的解決
- jQuery圖片特效插件Revealing實(shí)現(xiàn)拉伸放大
- jQuery插件slicebox實(shí)現(xiàn)3D動(dòng)畫圖片輪播切換特效
- jQuery插件slick實(shí)現(xiàn)響應(yīng)式移動(dòng)端幻燈片圖片切換特效
- jquery 插件實(shí)現(xiàn)瀑布流圖片展示實(shí)例
- jQuery插件實(shí)現(xiàn)大圖全屏圖片相冊(cè)
- jquery圖片播放瀏覽插件prettyPhoto使用詳解
- jquery插件jquery.beforeafter.js實(shí)現(xiàn)左右拖拽分隔條對(duì)比圖片的方法
相關(guān)文章
jQuery實(shí)現(xiàn)的網(wǎng)頁換膚效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)頁換膚效果,結(jié)合完整實(shí)例形式分析了jQuery通過修改link標(biāo)簽的href屬性值實(shí)現(xiàn)換膚效果的相關(guān)技巧,需要的朋友可以參考下2016-09-09關(guān)于jQuery里prev()的簡(jiǎn)單操作代碼
這篇文章主要介紹了jQuery里prev()的簡(jiǎn)單操作代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-10-10Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法
這篇文章主要給大家介紹了關(guān)于Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法,文章通過實(shí)例代碼以及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-06-06jQuery漸變發(fā)光導(dǎo)航菜單的實(shí)例代碼
今天介紹一個(gè)jQuery漸變發(fā)光效果的導(dǎo)航菜單,這是一個(gè)簡(jiǎn)單的通過jQuery控制opacity實(shí)現(xiàn)的導(dǎo)航菜單。2013-03-03jquery對(duì)table中各數(shù)據(jù)的增加、保存、刪除操作示例
這篇文章主要介紹了jquery對(duì)table中各種數(shù)據(jù)的增加、保存、刪除操作,需要的朋友可以參考下2014-05-05jQuery對(duì)table表格進(jìn)行增刪改查
這篇文章主要為大家詳細(xì)介紹了jQuery對(duì)table表格進(jìn)行增刪改查操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01