国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JSP > 正文

Jsp中使用FCKeditor上傳圖片

2024-09-05 00:17:25
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

FCKeditor功能還真是強(qiáng)大,但它好像對(duì)Jsp不大敏感,網(wǎng)上介紹的文章也少。趕上最近要研究用FCKeditor上傳圖片,剛發(fā)現(xiàn)了幾篇,加上自己的研究成果,趕快總結(jié)一下。


先去下載一個(gè)FCKeditor,再下一個(gè)FCKeditor.java 2.3 (FCKeditot for java) 這個(gè)文件就是用來(lái)讓它支持JSP的,我找了FCKeditor的官網(wǎng),不過(guò)下載地址好像不大好用,建議去http://sourceforge.net/下載。網(wǎng)上說(shuō)還有一個(gè)東西要下,就是xalan.jar,xml.apache.org是它的網(wǎng)站。


現(xiàn)在開(kāi)始設(shè)置,先到tomcat->webapps里建立一個(gè)文件夾叫mysite。把FCKeditor里的/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四個(gè)文件copy到mysite文件夾里,因?yàn)閯e的文件對(duì)我們來(lái)說(shuō)沒(méi)有什么意義。再把FCKeditor.java 2.3中的web目錄下的WEB-INF目錄copy到mysite下(里面有commons-fileupload.jar, FCKeditor-2.3.jar,web.xml等幾個(gè)文件), 把其中的src目錄下的FCKeditor.tld文件copy到mysite/WEB-INF/下.這樣它才支持JSP。


下面我們要對(duì)其中的一些文件進(jìn)行修改:
打開(kāi)fckconfig.js 文件,修改 FCKConfig.DefaultLanguage = 'zh-cn' ;
把FCKConfig.LinkBrowserURL等的值替換成以下內(nèi)容:
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;

FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;

FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;

FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;

FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;

FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;


打開(kāi)WEB-INF下面的web.xml文件:
把SimpleUploader中的配置屬性enabled定義為true(開(kāi)啟文件上傳功能)
添加標(biāo)簽定義:
<taglib>
<taglib-uri>/mysite</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>


這樣文件就設(shè)置完了,這時(shí)建立一個(gè)jsp文件試試:
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" import="java.util.*" import="java.text.*" errorPage="" %>
<%@ page language="java" import="com.fredck.FCKeditor.*" %>
<%@ taglib uri="/mysite" prefix="FCK" %>
<script type="text/javascript" src="/mysite/fckeditor.js"></script>
<form method="POST" action="Bs_Bulletin_save.jsp">
<table width="100%" border="0" cellspacing="1" cellpadding="2">
  <tr>
<td width="19%" bgcolor="#F0F0F0" height="25" align="right">標(biāo)題:</td>
<td width="81%" bgcolor="#F0F0F0"><INPUT TYPE="text" NAME="title" size="58"></td>
</tr>
<tr>
<td width="19%" height="300" bgcolor="#F0F0F0">
<div align="center">中文信息設(shè)置<BR><BR>
<span style="color: #FF0000">支持html(圖片大小寬度不要超過(guò)170個(gè)象素)</span></div>
</td>
<td width="81%" bgcolor="#F0F0F0">
<textarea name="content" cols="58" rows="15"></textarea>
<script type="text/javascript">
var oFCKeditor = new FCKeditor('content') ;
oFCKeditor.BasePath = "/mysite/" ;
oFCKeditor.Height = 400;
oFCKeditor.ToolbarSet = "Default" ;
oFCKeditor.ReplaceTextarea();
</script>
</td>
</tr>
<tr>
<td width="19%" height="25" bgcolor="#F0F0F0">發(fā)布時(shí)間:</td>
<td width="81%" bgcolor="#F0F0F0"><INPUT TYPE="text" NAME="datatimes" value="<%=time%>" size="58"></td>
</tr>

<tr>
<td colspan="2" bgcolor="#F0F0F0">
<div align="center"><input type="submit" value=" 添 加 " name="cmdok">&nbsp;<input type="reset" value=" 重 寫(xiě) " name="cmdcancel"></div></td>
</tr>
</table>
</form>

加紅字的部分,就是調(diào)用這個(gè)在線編輯器了。現(xiàn)在上傳的圖看一下,提示internal server error 500,還記得一開(kāi)始時(shí),我們提到的xalan.jar嗎,現(xiàn)在把xalan.jar放到lib文件夾里,關(guān)掉tomcat再重起一下,應(yīng)該好用了……


注意,如果想把這個(gè)控件融入你現(xiàn)有的web應(yīng)用系統(tǒng)中,就不需要新建mysite了,你可以這樣做:


1、把FCKeditor里的/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四個(gè)文件直接copy到現(xiàn)有web應(yīng)用的某個(gè)目錄下。


2、把FCKeditor.java 2.3中WEB-INF目錄里的commons-fileupload.jar, FCKeditor-2.3.jar放在現(xiàn)有系統(tǒng)的lib目錄下。


3、在現(xiàn)有系統(tǒng)的web.xml中加入FCKeditor.java 2.3中web.xml的配置信息,并添加標(biāo)簽定義:
<taglib>
<taglib-uri>/mysite</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
這里別忘了把SimpleUploader中的配置屬性enabled定義為true以開(kāi)啟文件上傳功能!


4、然后把FCKeditor.tld文件copy到現(xiàn)有系統(tǒng)的WEB-INF/下,這樣就可以了。當(dāng)然,F(xiàn)CKeditor.tld的位置不是絕對(duì)的,你可以放在其它地方,只要在前面的標(biāo)簽定義中指定相應(yīng)的位置就行了。


附:FCKeditor.java中web.xml配置信息
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-value>/UserFiles/</param-value><!--上傳附件所在根路徑 -->
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value><!--啟動(dòng)服務(wù)時(shí)是否顯示調(diào)試信息 -->
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>SimpleUploader</servlet-name>
<servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-value>/UserFiles/</param-value><!--上傳附件所在根路徑 -->
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value><!--啟動(dòng)服務(wù)時(shí)是否顯示調(diào)試信息 -->
</init-param>
<init-param>
<param-name>enabled</param-name>
<param-value>true</param-value><!--是否開(kāi)啟上傳文件功能 -->
</init-param>
<init-param>
<param-name>AllowedExtensionsFile</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFile</param-name>
<param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsImage</param-name>
<param-value>jpg|gif|jpeg|png|bmp</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsImage</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>AllowedExtensionsFlash</param-name>
<param-value>swf|fla</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name>
<param-value></param-value>
</init-param>
<load-on-startup>2</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/webapp/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern><!--FCKeditor所在目錄,即/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四個(gè)文件所在目錄 -->
</servlet-mapping>

<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/webapp/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern><!--FCKeditor所在目錄 -->
</servlet-mapping>

<taglib>
<taglib-uri>/home/project/law/FCKeditor</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location><!--FCKeditor.tld路徑 -->
</taglib>
 

 

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 宜兴市| 繁昌县| 苏尼特左旗| 日土县| 页游| 印江| 新竹县| 九台市| 青川县| 临夏市| 常熟市| 交城县| 东乡县| 安福县| 武陟县| 马山县| 通城县| 青浦区| 阳高县| 福泉市| 天全县| 通许县| 轮台县| 丰城市| 平乐县| 公安县| 虞城县| 江口县| 仙游县| 嘉兴市| 西华县| 莒南县| 东平县| 怀化市| 葫芦岛市| 昌平区| 定日县| 青岛市| 原阳县| 遵义市| 襄樊市|