Java KindEditor粘貼圖片自動(dòng)上傳到服務(wù)器功能實(shí)現(xiàn)
?圖片的復(fù)制無非有兩種方法，一種是圖片直接上傳到服務(wù)器，另外一種轉(zhuǎn)換成二進(jìn)制流的base64碼
目前限chrome瀏覽器使用
首先以u(píng)m-editor的二進(jìn)制流保存為例：
打開umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注釋掉其中的代碼。
加入下面的代碼：
//判斷剪貼板的內(nèi)容是否包含文本
//首先解釋一下為什么要判斷文本是不是為空
//在ctrl+c word中的文字或者圖片之后會(huì)返回1種(image/png)或者4種type(text/plain,text/html,text/rtf,image/png)類型的對(duì)象
//為了兼容4種格式的情況，做了如下的判斷
//如下代碼：e.originalEvent.clipboardData.items獲得剪貼板的內(nèi)容
//當(dāng)粘貼了文本之后text是不為空的，同時(shí)也會(huì)返回當(dāng)前文本的圖片類型
//如果有文字的話不做任何的處理，如果只粘貼圖片的話文本一定是空的，包括復(fù)制的桌面圖片或者截圖的圖片
var text = e.originalEvent.clipboardData.getData("text");
if(text == ""){
var items=e.originalEvent.clipboardData.items;
for (var i = 0, len = items.length; i < len; i++) {
var item = items[i];
if ( item.kind == 'file' && item.type.indexOf('image/') !== -1 ) {
var blob = item.getAsFile();
getBase64(blob, function( base64 ) {
//sendAndInsertImage(base64,me); 上傳到服務(wù)器
setBase64Image(base64,me);
});
//阻止默認(rèn)事件, 避免重復(fù)添加;
e.originalEvent.preventDefault();
};
}
}兩個(gè)方法：
//執(zhí)行插入圖片的操作
function setBase64Image(base64,editor){
editor.execCommand('insertimage', {src: base64,_src: base64});
}
//獲得base64
function getBase64(blob, callback) {
var a = new FileReader();
a.onload = function(e) {callback(e.target.result);};
a.readAsDataURL(blob);
};效果展示：
更多詳細(xì)資料可以參考這篇文章：
示例下載：
wordpaster-vue3-cli-ueditor1.5，wordpaster-vue-ueditor1.5，wordpaster-asp.net-ueditor1.5x，wordpaster-php-ueditor1x，wordpaster-jsp-ueditor1x?
到此這篇關(guān)于Java KindEditor粘貼圖片自動(dòng)上傳到服務(wù)器的文章就介紹到這了,更多相關(guān) KindEditor粘貼自動(dòng)上傳服務(wù)器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了javaweb開發(fā)提高效率利器JRebel詳解,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
使用Java和SNMP4J實(shí)現(xiàn)SNMP操作完整代碼
這篇文章主要介紹了如何使用Java和SNMP4J庫進(jìn)行SNMP操作,包括初始化SNMP、創(chuàng)建目標(biāo)、創(chuàng)建PDU、發(fā)送SNMP請(qǐng)求和處理響應(yīng)等內(nèi)容,通過編寫SnmpUtil類,展示了完整的SNMP操作流程,需要的朋友可以參考下2024-12-12
用java實(shí)現(xiàn)學(xué)生信息管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了java實(shí)現(xiàn)學(xué)生信息管理系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
Unicode、UTF－8 和 ISO8859-1區(qū)別解析
這篇文章主要介紹了Unicode、UTF－8 和 ISO8859-1到底有什么區(qū)別,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-01-01
這篇文章主要介紹了SpringMVC中的HandlerAdapter解析,HandlerAdapter是一個(gè)關(guān)鍵的組件,用于將請(qǐng)求與處理程序方法進(jìn)行適配和調(diào)度,它充當(dāng)了控制器和處理程序之間的橋梁,負(fù)責(zé)將請(qǐng)求的參數(shù)和處理程序方法進(jìn)行匹配,并將結(jié)果返回給前端,需要的朋友可以參考下2023-10-10
lazy?init控制加載在Spring中如何實(shí)現(xiàn)源碼分析
這篇文章主要為大家介紹了lazy?init控制加載在Spring中如何實(shí)現(xiàn)源碼分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了JAVA中小數(shù)點(diǎn)后保留兩位的幾種方法,并有小實(shí)例,希望能幫助有所需要的同學(xué)2016-07-07
SpringBoot+Redis Bitmap實(shí)現(xiàn)活躍用戶統(tǒng)計(jì)
Redis的Bitmap數(shù)據(jù)結(jié)構(gòu)是一種緊湊的位圖,它可以用于實(shí)現(xiàn)各種場景,其中統(tǒng)計(jì)活躍用戶是一種經(jīng)典的業(yè)務(wù)場景,下面我們就來學(xué)習(xí)一下SpringBoot如何利用Redis中的Bitmap實(shí)現(xiàn)活躍用戶統(tǒng)計(jì)吧2023-11-11
java.lang.OutOfMemoryError: Java heap space錯(cuò)誤
本文主要介紹了java.lang.OutOfMemoryError: Java heap space錯(cuò)誤的問題解決,包括內(nèi)存泄漏、數(shù)據(jù)過大和JVM堆大小配置不足,提供了解決方法,具有一定的參考價(jià)值,感興趣的可以了解一下2025-03-03
SpringBoot實(shí)現(xiàn)防止XSS攻擊的示例詳解
這篇文章主要為大家詳細(xì)介紹了SpringBoot如何實(shí)現(xiàn)防止XSS攻擊,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03