百度富文字編輯器UEditor1.3上傳圖片附件等,ueditor1.4.3

來源:互聯網
上載者:User

百度富文字編輯器UEditor1.3上傳圖片附件等,ueditor1.4.3

今天一直在整我的一個項目的編輯器上傳圖片,我用的是百度UEditor 1.3版本的;現在已經有了1.4的了,不過還算比較新吧,但是官網上面沒有上傳圖片這些的教程,而網上對於這方面的資料很少啊,折騰了我半天,看了一些以前版本的上傳圖片的問題,最後終於搞定了。

先說說我的這個項目的配置情況吧

用的是SSH架構:struts2.3.16 spring3.2.5 hibernate3.3.2

ueditor 1.3-utf-8-jsp版

jdk 1.7

開發工具用的是myeclipse10.7

直接把項目結構圖貼上吧,圖片稍微p了一下,但是主要的東西都在


這個是ueditor檔案夾裡面的檔案


需要將commons-fileupload-1.2.2.jar和ueditor.jar兩個jar包放入lib檔案夾下;注意commons-fileupload-1.2.2.jar在struts2裡面也有,不要衝突了

這裡在myeclipse裡面會有js報錯,不用管,看不慣可以直接delete掉所有js錯誤,不過要注意不要把真正的錯誤給delete掉了哦,比如jsp的錯誤,可能是類引用路徑錯了,這個要好好改改

這裡如何在jsp頁面裡面引用編輯器就不說了,自己去UEditor官網去找,說的比較詳細,主要就說說怎麼上傳圖片,附件這些都是類似的,這些在官網沒怎麼說明。


一般部署好後上傳到一部分就會顯示路徑錯誤,未知路徑,找不到上傳檔案之類的,這是因為使用struts2,被struts2的預設攔截器StrutsPrepareAndExecuteFilter給攔截掉了。所以我們要自己寫一個攔截器,將其對圖片、附件上傳等不要進行攔截。

下面貼一下我的攔截器的代碼吧

package com.phn.interceptor;import java.io.IOException;import javax.servlet.FilterChain;import javax.servlet.ServletException;import javax.servlet.ServletRequest;import javax.servlet.ServletResponse;import javax.servlet.http.HttpServletRequest;import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;public class UEditorFilter extends StrutsPrepareAndExecuteFilter {public void doFilter(ServletRequest req, ServletResponse res,FilterChain chain) throws IOException, ServletException {HttpServletRequest request = (HttpServletRequest) req;// 擷取urlString url = request.getRequestURI();if ("/XXX/ueditor/jsp/imageUp.jsp".equals(url)) {// 這裡用XXX表示項目名,imageUp.jsp是上ueditor裡面傳圖片的jsp,表示這個jsp不要被過濾,同理附件等上傳也是一樣配置// 使用對編輯器的攔截器chain.doFilter(req, res);} else {// 前往使用預設的攔截器super.doFilter(req, res, chain);}}}

上面代碼比較簡單,我就不詳細說明了,相信大家應該可以看懂大致的意思

下面是web.xml的修改,原來的web.xml

<filter><filter-name>struts2</filter-name><filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class></filter><filter-mapping><filter-name>struts2</filter-name><url-pattern>/*</url-pattern></filter-mapping>

修改後的web.xml

<filter><filter-name>struts2</filter-name><filter-class>com.phn.interceptor.UEditorFilter</filter-class>//這裡配置的就是我自己定義的攔截器</filter><filter-mapping><filter-name>struts2</filter-name><url-pattern>/*</url-pattern></filter-mapping>

最後在tomcat裡面部署好,運行測試一下,如下成功


這裡我主要參考了

http://bbs.csdn.net/topics/390678241?page=1#post-397864644

http://download.csdn.net/detail/xiangyangsanren/4849558



百度的Ueditor富文字編輯器在net中怎只提取裡面的上傳附件或上傳圖片功可以

這個應該需要更改JS或者調模式做到的,就說說調模式吧 現在線上編輯器 都有2種模式,一種是FULL,一種是SIMPLE ,建議貼主看看軟體的API說明書,肯定有這方面的解答的。
 
百度富文字編輯器Ueditor使用本地圖片上傳報錯

你好,我也曾遇到過和你同樣的問題,先不用著急,這個問題是這樣的,百度系統有問題已經是由來已久,各種各樣的問題都有,有時抽風非常厲害,有時期間很長,,其實沒有事,多重新整理幾次,或者換個時間再試就會好的,,
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.