摘要:之前有個(gè)小朋友問(wèn)我百度怎么自定義服務(wù)端上傳地址正好也用過(guò),現(xiàn)在做下筆記吧。上傳結(jié)果返回格式是這樣的失敗的情況成功的情況圖片源文件名圖片后綴圖片大小圖片標(biāo)簽上的屬性圖片上傳之后的好了就這樣原為連接百度自定義上傳地址更多知識(shí)分享請(qǐng)掃碼關(guān)注
之前有個(gè)小朋友問(wèn)我百度UEditor怎么自定義服務(wù)端上傳地址, 正好也用過(guò),現(xiàn)在做下筆記吧。
在ue實(shí)例化的時(shí)候你服務(wù)端上傳的請(qǐng)求地址賦值給serverUrl
var ue; ue = UE.getEditor("editor", { toolbars: [ //這個(gè)是工具欄配置,自己定義和今天主題無(wú)關(guān) [ "fullscreen", "source", "|", "undo", "redo", "|", "bold", "italic", "underline", "fontborder", "strikethrough", "superscript", "subscript", "removeformat", "formatmatch", "autotypeset", "blockquote", "pasteplain", "|", "forecolor", "backcolor", "insertorderedlist", "insertunorderedlist", "selectall", "cleardoc", "|", "rowspacingtop", "rowspacingbottom", "lineheight", "|", "customstyle", "paragraph", "fontfamily", "fontsize", "|", "directionalityltr", "directionalityrtl", "indent", "|", "justifyleft", "justifycenter", "justifyright", "justifyjustify", "|", "touppercase", "tolowercase", "|", "link", "unlink", "anchor", "|", "imagenone", "imageleft", "imageright", "imagecenter", "|", "simpleupload", "|", "pagebreak", "template", "background", "|", "horizontal", "date", "time", "spechars", "snapscreen", "wordimage", "|", "inserttable", "deletetable", "insertparagraphbeforetable", "insertrow", "deleterow", "insertcol", "deletecol", "mergecells", "mergeright", "mergedown", "splittocells", "splittorows", "splittocols", "charts", "|", "preview" ] ], serverUrl: "http://your-server-address" //這里是你服務(wù)端上傳的請(qǐng)求地址 });
在上面自定義了服務(wù)端地址之后,我們刷新頁(yè)面,ue實(shí)例化的時(shí)候會(huì)自動(dòng)請(qǐng)求你的地址并且?guī)е鴔uery參數(shù),大概是這樣:http://your-server-address?ac...。這是ue實(shí)例化會(huì)請(qǐng)求配置文件,簡(jiǎn)單點(diǎn)你可以直接返回ue插件文件夾中ueditor/1.4.3.3/php/config.json的內(nèi)容就可以了。當(dāng)然了具體配置你是可以自己按自己需求改動(dòng)。
接下來(lái)上傳圖片,隨便上傳一張圖片,會(huì)發(fā)現(xiàn)ue的請(qǐng)求地址是http://your-server-address?ac...。這樣是不是恍然大悟:
action參數(shù)是config,你就給他返回配置內(nèi)容; action參數(shù)是uploadimage就是圖片上傳,你就保存圖片文件,返回成功或者失敗的結(jié)果。
上傳結(jié)果返回格式是這樣的:
失敗的情況
{ "state": "Failed", "msg": "error msg" }
成功的情況:
{
"state": "SUCCESS", "msg": "ok", "original": "aaa.jpg", //圖片源文件名 "type": ".jpg", //圖片后綴 "size": 10240000, //圖片大小 "title": "aaa", //圖片img標(biāo)簽上的屬性title "url": "/upload/fsf3r.jpg" //圖片上傳之后的url
}
好了就這樣
原為連接:
百度ueditor自定義上傳地址
更多知識(shí)分享,請(qǐng)掃碼關(guān)注:
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/31650.html
摘要:之前有個(gè)小朋友問(wèn)我百度怎么自定義服務(wù)端上傳地址正好也用過(guò),現(xiàn)在做下筆記吧。上傳結(jié)果返回格式是這樣的失敗的情況成功的情況圖片源文件名圖片后綴圖片大小圖片標(biāo)簽上的屬性圖片上傳之后的好了就這樣原為連接百度自定義上傳地址更多知識(shí)分享請(qǐng)掃碼關(guān)注 之前有個(gè)小朋友問(wèn)我百度UEditor怎么自定義服務(wù)端上傳地址, 正好也用過(guò),現(xiàn)在做下筆記吧。 在ue實(shí)例化的時(shí)候你服務(wù)端上傳的請(qǐng)求地址賦值給server...
摘要:今天在網(wǎng)上看了下有關(guān)圖片上傳的教程,歷經(jīng)挫折才調(diào)試好,現(xiàn)在把相關(guān)代碼及其說(shuō)明貼出來(lái),以供初次使用的朋友們參考。 今天在網(wǎng)上看了下有關(guān)圖片上傳的教程,歷經(jīng)挫折才調(diào)試好,現(xiàn)在把相關(guān)代碼及其說(shuō)明貼出來(lái),以供初次使用的朋友們參考。 資源下載 yii2.0-ueditor下載路徑: https://link.jianshu.com?t=https://github.com/org-yii-chi...
原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項(xiàng)目開(kāi)發(fā)中,隔壁那個(gè)搞python的哥們竟然笑著對(duì)我說(shuō),希望我能給他寫1個(gè)百度編輯器的demo,方便他直接調(diào)用。 當(dāng)時(shí)真的受寵若驚,這哥們實(shí)力不在我之下,只能答應(yīng)它了。上網(wǎng)搜索下,有1篇文章Flask項(xiàng)目集成富文本編輯器UEditor實(shí)現(xiàn)圖片上傳功能已經(jīng)有1個(gè)現(xiàn)成的例子了。 這...
原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項(xiàng)目開(kāi)發(fā)中,隔壁那個(gè)搞python的哥們竟然笑著對(duì)我說(shuō),希望我能給他寫1個(gè)百度編輯器的demo,方便他直接調(diào)用。 當(dāng)時(shí)真的受寵若驚,這哥們實(shí)力不在我之下,只能答應(yīng)它了。上網(wǎng)搜索下,有1篇文章Flask項(xiàng)目集成富文本編輯器UEditor實(shí)現(xiàn)圖片上傳功能已經(jīng)有1個(gè)現(xiàn)成的例子了。 這...
摘要:前言本文將介紹筆者在的項(xiàng)目中使用百度的富文本編輯器的過(guò)程。以百度官網(wǎng)的為例,控制臺(tái)輸入為該編輯器注冊(cè)點(diǎn)擊事件,當(dāng)點(diǎn)擊加粗按鈕時(shí),控制臺(tái)輸出為了避免點(diǎn)擊工具條時(shí)觸發(fā)事件,筆者將自定義的事件全部注釋了。 前言 本文將介紹筆者在React的項(xiàng)目中使用百度的富文本編輯器Ueditor的過(guò)程。注意本文不提供一條龍式的使用方法,只是將使用過(guò)程中的一些實(shí)現(xiàn)思路進(jìn)行總結(jié),供以參考。react項(xiàng)目中導(dǎo)入...
閱讀 3696·2021-09-22 15:28
閱讀 1310·2021-09-03 10:35
閱讀 890·2021-09-02 15:21
閱讀 3495·2019-08-30 15:53
閱讀 3505·2019-08-29 17:25
閱讀 583·2019-08-29 13:22
閱讀 1570·2019-08-28 18:15
閱讀 2300·2019-08-26 13:57