在瀏覽器中實現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南
pasteimg是一款可以在瀏覽器中實現(xiàn)圖片粘貼的jQuery插件,兼容Chrome、Firefox、IE11以及其他使用這些內(nèi)核的瀏覽器,比如,國內(nèi)著名的360瀏覽器。
pasteimg可以識別瀏覽器中直接復(fù)制的圖片,也可以識別復(fù)制的富文本中的圖片。僅僅可以識別在瀏覽器中復(fù)制的內(nèi)容,操作系統(tǒng)中復(fù)制的圖片是不能識別的。
pasteimg依賴jQuery,簡單易用,引入jQuery和paste.image.js后,調(diào)用方式如下:
//在需要監(jiān)聽粘貼事件的dom元素上調(diào)用pasteImage方法
//調(diào)用pasteImage方法需要傳入一個callback參數(shù)
//一旦粘貼的內(nèi)容中發(fā)現(xiàn)圖片,就會調(diào)用callback
//調(diào)用callback時,會傳入一個數(shù)組,包含了所有的圖片
//本插件會盡可能的將圖片轉(zhuǎn)換成base64編碼,但受到跨域的限制,如果不能轉(zhuǎn)換,將返回圖片的絕對url路徑
$("#container").pasteImage(function(imgs){
//imgs is array that contain all image, you can do something...
});
插件下載地址:https://github.com/iyangyuan/pasteimg
有疑問歡迎反饋!
- jQuery插件boxScroll實現(xiàn)圖片輪播特效
- jQuery插件expander實現(xiàn)圖片翻轉(zhuǎn)特效
- JQuery boxy插件在IE中邊角圖片不顯示問題的解決
- jQuery圖片特效插件Revealing實現(xiàn)拉伸放大
- jQuery插件slicebox實現(xiàn)3D動畫圖片輪播切換特效
- jQuery插件slick實現(xiàn)響應(yīng)式移動端幻燈片圖片切換特效
- jquery 插件實現(xiàn)瀑布流圖片展示實例
- jQuery插件實現(xiàn)大圖全屏圖片相冊
- jquery圖片播放瀏覽插件prettyPhoto使用詳解
- jquery插件jquery.beforeafter.js實現(xiàn)左右拖拽分隔條對比圖片的方法
相關(guān)文章
Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法
這篇文章主要給大家介紹了關(guān)于Jquery?on("click")方法綁定事件后執(zhí)行多次的解決方法,文章通過實例代碼以及圖文介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用jQuery具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-06-06jquery對table中各數(shù)據(jù)的增加、保存、刪除操作示例
這篇文章主要介紹了jquery對table中各種數(shù)據(jù)的增加、保存、刪除操作,需要的朋友可以參考下2014-05-05