百度UEditor自定義上傳地址

missonce 發布于2019-07-01 13:56 / 2019人閱讀

摘要：之前有個小朋友問我百度怎么自定義服務端上傳地址正好也用過，現在做下筆記吧。上傳結果返回格式是這樣的失敗的情況成功的情況圖片源文件名圖片后綴圖片大小圖片標簽上的屬性圖片上傳之后的好了就這樣原為連接百度自定義上傳地址更多知識分享請掃碼關注

之前有個小朋友問我百度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自定義上傳地址

更多知識分享,請掃碼關注:

GPU云服務器云服務器如何自定義百度云常用服務器自定義推流地址百度編輯器ueditor 自定義

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/31650.html

百度UEditor自定義上傳地址

摘要：之前有個小朋友問我百度怎么自定義服務端上傳地址正好也用過，現在做下筆記吧。上傳結果返回格式是這樣的失敗的情況成功的情況圖片源文件名圖片后綴圖片大小圖片標簽上的屬性圖片上傳之后的好了就這樣原為連接百度自定義上傳地址更多知識分享請掃碼關注之前有個小朋友問我百度UEditor怎么自定義服務端上傳地址, 正好也用過，現在做下筆記吧。在ue實例化的時候你服務端上傳的請求地址賦值給server...

lavor 2019-08-23 17:56 評論0 收藏0
yii2-Ueditor百度編輯器

摘要：今天在網上看了下有關圖片上傳的教程，歷經挫折才調試好，現在把相關代碼及其說明貼出來，以供初次使用的朋友們參考。今天在網上看了下有關圖片上傳的教程，歷經挫折才調試好，現在把相關代碼及其說明貼出來，以供初次使用的朋友們參考。資源下載 yii2.0-ueditor下載路徑： https://link.jianshu.com?t=https://github.com/org-yii-chi...

fuchenxuan 2019-07-01 10:53 評論0 收藏0
為Flask編寫1個百度編輯器的插件

原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項目開發中,隔壁那個搞python的哥們竟然笑著對我說,希望我能給他寫1個百度編輯器的demo,方便他直接調用。當時真的受寵若驚,這哥們實力不在我之下,只能答應它了。上網搜索下,有1篇文章Flask項目集成富文本編輯器UEditor實現圖片上傳功能已經有1個現成的例子了。這...

xbynet 2019-08-19 18:33 評論0 收藏0
為Flask編寫1個百度編輯器的插件

原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項目開發中,隔壁那個搞python的哥們竟然笑著對我說,希望我能給他寫1個百度編輯器的demo,方便他直接調用。當時真的受寵若驚,這哥們實力不在我之下,只能答應它了。上網搜索下,有1篇文章Flask項目集成富文本編輯器UEditor實現圖片上傳功能已經有1個現成的例子了。這...

wqj97 2019-07-25 10:32 評論0 收藏0
React中使用UEditor

摘要：前言本文將介紹筆者在的項目中使用百度的富文本編輯器的過程。以百度官網的為例，控制臺輸入為該編輯器注冊點擊事件，當點擊加粗按鈕時，控制臺輸出為了避免點擊工具條時觸發事件，筆者將自定義的事件全部注釋了。前言本文將介紹筆者在React的項目中使用百度的富文本編輯器Ueditor的過程。注意本文不提供一條龍式的使用方法，只是將使用過程中的一些實現思路進行總結，供以參考。react項目中導入...

firim 2019-08-26 12:17 評論0 收藏0