摘要:之前有個小朋友問我百度怎么自定義服務端上傳地址正好也用過,現在做下筆記吧。上傳結果返回格式是這樣的失敗的情況成功的情況圖片源文件名圖片后綴圖片大小圖片標簽上的屬性圖片上傳之后的好了就這樣原為連接百度自定義上傳地址更多知識分享請掃碼關注
之前有個小朋友問我百度UEditor怎么自定義服務端上傳地址, 正好也用過,現在做下筆記吧。
在ue實例化的時候你服務端上傳的請求地址賦值給serverUrl
var ue; ue = UE.getEditor("editor", { toolbars: [ //這個是工具欄配置,自己定義和今天主題無關 [ "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" //這里是你服務端上傳的請求地址 });
在上面自定義了服務端地址之后,我們刷新頁面,ue實例化的時候會自動請求你的地址并且帶著query參數,大概是這樣:http://your-server-address?ac...。這是ue實例化會請求配置文件,簡單點你可以直接返回ue插件文件夾中ueditor/1.4.3.3/php/config.json的內容就可以了。當然了具體配置你是可以自己按自己需求改動。
接下來上傳圖片,隨便上傳一張圖片,會發現ue的請求地址是http://your-server-address?ac...。這樣是不是恍然大悟:
action參數是config,你就給他返回配置內容; action參數是uploadimage就是圖片上傳,你就保存圖片文件,返回成功或者失敗的結果。
上傳結果返回格式是這樣的:
失敗的情況
{ "state": "Failed", "msg": "error msg" }
成功的情況:
{
"state": "SUCCESS", "msg": "ok", "original": "aaa.jpg", //圖片源文件名 "type": ".jpg", //圖片后綴 "size": 10240000, //圖片大小 "title": "aaa", //圖片img標簽上的屬性title "url": "/upload/fsf3r.jpg" //圖片上傳之后的url
}
好了就這樣
原為連接:
百度ueditor自定義上傳地址
更多知識分享,請掃碼關注:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/31650.html
摘要:之前有個小朋友問我百度怎么自定義服務端上傳地址正好也用過,現在做下筆記吧。上傳結果返回格式是這樣的失敗的情況成功的情況圖片源文件名圖片后綴圖片大小圖片標簽上的屬性圖片上傳之后的好了就這樣原為連接百度自定義上傳地址更多知識分享請掃碼關注 之前有個小朋友問我百度UEditor怎么自定義服務端上傳地址, 正好也用過,現在做下筆記吧。 在ue實例化的時候你服務端上傳的請求地址賦值給server...
摘要:今天在網上看了下有關圖片上傳的教程,歷經挫折才調試好,現在把相關代碼及其說明貼出來,以供初次使用的朋友們參考。 今天在網上看了下有關圖片上傳的教程,歷經挫折才調試好,現在把相關代碼及其說明貼出來,以供初次使用的朋友們參考。 資源下載 yii2.0-ueditor下載路徑: https://link.jianshu.com?t=https://github.com/org-yii-chi...
原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項目開發中,隔壁那個搞python的哥們竟然笑著對我說,希望我能給他寫1個百度編輯器的demo,方便他直接調用。 當時真的受寵若驚,這哥們實力不在我之下,只能答應它了。上網搜索下,有1篇文章Flask項目集成富文本編輯器UEditor實現圖片上傳功能已經有1個現成的例子了。 這...
原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項目開發中,隔壁那個搞python的哥們竟然笑著對我說,希望我能給他寫1個百度編輯器的demo,方便他直接調用。 當時真的受寵若驚,這哥們實力不在我之下,只能答應它了。上網搜索下,有1篇文章Flask項目集成富文本編輯器UEditor實現圖片上傳功能已經有1個現成的例子了。 這...
摘要:前言本文將介紹筆者在的項目中使用百度的富文本編輯器的過程。以百度官網的為例,控制臺輸入為該編輯器注冊點擊事件,當點擊加粗按鈕時,控制臺輸出為了避免點擊工具條時觸發事件,筆者將自定義的事件全部注釋了。 前言 本文將介紹筆者在React的項目中使用百度的富文本編輯器Ueditor的過程。注意本文不提供一條龍式的使用方法,只是將使用過程中的一些實現思路進行總結,供以參考。react項目中導入...
閱讀 3672·2021-09-22 15:28
閱讀 1296·2021-09-03 10:35
閱讀 878·2021-09-02 15:21
閱讀 3474·2019-08-30 15:53
閱讀 3496·2019-08-29 17:25
閱讀 569·2019-08-29 13:22
閱讀 1555·2019-08-28 18:15
閱讀 2287·2019-08-26 13:57