springmvc集成Ueditor插件實現圖片上傳2、

一、下載Ueditor插件。

地址： http://ueditor.baidu.com/website/download.html 

二、環境搭建。

具體可以參看http://fex.baidu.com/ueditor/

1、在WEB-INF下lib文件中導入ueditor1_4_3_2-utf8-jsp\utf8-jsp\jsp\lib下的全部jar包

commons-codec-1.9.jar
commons-fileupload-1.3.1.jar
commons-io-2.4.jar
json.jar
ueditor-1.1.2.jar

2、復制ueditor1_4_3_2-utf8-jsp到webapp下，測試，運行server服務器，輸入http://localhost:8080/ueditor/ueditor1_4_3_2-utf8-jsp/utf8-jsp/jsp/controller.jsp?action=config，出現一下類似內容則成功。

 

3、初始化頁面。

<!-- 加載編輯器的容器 -->
	<script id="container" name="content" type="text/plain">
         這里寫你的初始化內容
    </script>
	<!-- 配置文件 -->
	<script type="text/javascript"
		src="<%=context%>/ueditor1_4_3_2-utf8-jsp/utf8-jsp/ueditor.config.js"></script>
	<!-- 編輯器源碼文件 -->
	<script type="text/javascript"
		src="<%=context%>/ueditor1_4_3_2-utf8-jsp/utf8-jsp/ueditor.all.js"></script>
	<script type="text/javascript"
		src="<%=context%>/ueditor1_4_3_2-utf8-jsp/utf8-jsp/lang/zh-cn/zh-cn.js"></script>
	<!-- 實例化編輯器 -->
	<script type="text/javascript">
		var ue = UE.getEditor('container');
	</script>

　　

 

三、圖片上傳