百度富文字編輯器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使用本地圖片上傳報錯
你好,我也曾遇到過和你同樣的問題,先不用著急,這個問題是這樣的,百度系統有問題已經是由來已久,各種各樣的問題都有,有時抽風非常厲害,有時期間很長,,其實沒有事,多重新整理幾次,或者換個時間再試就會好的,,