综合天天,久热香蕉在线视频

接上篇文章，本章節(jié)講述使用java語言的ckeditor服務(wù)器文件瀏覽功能。

// 雖然兩篇文章的代碼都帶有文件類型參數(shù)，但是此處不進(jìn)行判斷非法格式，僅以圖片類型為主介紹控件功能的開發(fā)過程。

上篇文章中，在CKEDITOR的圖片選擇頁面，我們增加了一個(gè)瀏覽按鈕

我們希望點(diǎn)擊瀏覽服務(wù)器可以去服務(wù)器直接選擇已經(jīng)通過其他方式上傳的圖片，依舊很痛苦的是，我們沒有那么多的銀子去購買圖片服務(wù)器，所以在應(yīng)用中開辟了特定的區(qū)域來存放圖片，并且采用分文件夾的方式。所以，瀏覽服務(wù)器，就涉及到多級目錄的問題，我們希望如果當(dāng)前的目錄下存在子目錄，那么可以直接進(jìn)入子目錄挑選圖片，并且可以自由的前后操作。

先看看效果：

這樣用戶可以直接在界面上操作圖片，進(jìn)行富文本的編輯。

看看代碼：

[java] view plain copy ?

package com.normandy.position.web;
import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLDecoder;
import java.net.URLEncoder;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.lang.StringUtils;
import org.apache.log4j.Logger;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import com.normandy.position.common.NorStringUtils;
/**
* 瀏覽服務(wù)器的圖片
* @author: quzishen
* @class_type: FileBrowerController
* @version: v1.0
* @create_time：2010-8-24 下午03:54:04
* @project_name:NormandyPosition
* @description:
* <p>
*
* </p>
*/
@Controller
@RequestMapping("/browerServer.do")
public class FileBrowerController {
protected final Logger logger = Logger
.getLogger(FileBrowerController.class);
/** ~~~ 上傳文件的保存路徑 */
private static final String FILE_UPLOAD_DIR = "upload";
/** ~~~ 上傳文件的保存的下一級路徑，標(biāo)示存儲(chǔ)類型 */
private static final String FILE_UPLOAD_SUB_IMG_DIR = "img";
/** ~~~ 為了能讓CKEDITOR加載到上傳的圖片，此處將位置限制在了freemarker下*/
private static final String FOR_FREEMARKER_LOAD_DIR = "freemarker";
@RequestMapping(method = RequestMethod.GET)
public void processBrower(ModelMap modelMap, HttpServletRequest request,
HttpServletResponse response) {
processBrowerPost(modelMap, request, response);
return;
}
@SuppressWarnings("deprecation")
@RequestMapping(method = RequestMethod.POST)
public void processBrowerPost(ModelMap modelMap,
HttpServletRequest request, HttpServletResponse response) {
String typeStr = request.getParameter("type");
String floderName = request.getParameter("fo");
if (logger.isDebugEnabled()) {
logger.debug("瀏覽文件，文件格式:" + typeStr);
}
// 定位到目標(biāo)文件夾：上傳目錄
String realPath = "";
if(StringUtils.isNotBlank(floderName)){
floderName = URLDecoder.decode(floderName);
// 如果請求中存在文件夾名稱，則定位到文件夾中
realPath = request.getSession().getServletContext().getRealPath(floderName);
if(logger.isInfoEnabled()){
logger.info("sub floder:"+realPath);
}
}else if(StringUtils.equalsIgnoreCase(typeStr, "Image")){
// 如果請求中不存在文件夾名稱，則使用默認(rèn)的文件夾
realPath = request.getSession().getServletContext().getRealPath(FOR_FREEMARKER_LOAD_DIR+ File.separator+FILE_UPLOAD_DIR+ File.separator+FILE_UPLOAD_SUB_IMG_DIR);
if(logger.isInfoEnabled()){
logger.info("default floder:"+realPath);
}
}
File folder = new File(realPath);
if(!folder.exists()){
return;
}
// 存儲(chǔ)子目錄 ,路徑需要從/freemarker開始
List<String> subFolderSet = new ArrayList<String>();
// 存儲(chǔ)文件夾
List<String> subFileerSet = new ArrayList<String>();
File[] subFiles = folder.listFiles();
if(null != subFiles && 0 < subFiles.length){
for(int i=0;i < subFiles.length; i++){
File _file = subFiles[i];
if(_file.isDirectory()){
subFolderSet.add(getDefaultFolderFromFreemarker(_file));
} else {
subFileerSet.add(NorStringUtils.getFileName(_file.getName()));
}
}
}
String callback = request.getParameter("CKEditorFuncNum");
PrintWriter out;
response.setContentType("text/html");
response.setCharacterEncoding("GB2312");
try {
out = response.getWriter();
out.println("<mce:script type='text/javascript'><!--
");
// 定義點(diǎn)擊選擇js
out.println("function choose(obj){");
out.println("window.opener.CKEDITOR.tools.callFunction(" + callback
+ ",obj)");
out.println("window.close();");
out.println("}");
// 定義文件夾點(diǎn)擊響應(yīng)js
out.println("function view(obj){window.location.href='browerServer.do?type=image&CKEditorFuncNum="+callback+"&fo='+obj;}");
out.println("
// --></mce:script>");
// 這里顯示一個(gè)返回頂級目錄，也就是返回freemarker目錄
out.print("<div style='width:100%;float:left;word-break:break-all;' onclick =view('" + URLEncoder.encode("/freemarker/upload") + "')>");
out.print("<span>[根目錄]<span/>");
out.print("</div>");
// 如果是子文件夾，顯示上級目錄鏈接
if(StringUtils.isNotBlank(floderName) && !checkIsRoot(folder)){
String parent = getDefaultFolderFromFreemarker(folder.getParentFile());
out.print("<div style='width:100%;float:left;word-break:break-all;' onclick =view('" + URLEncoder.encode(parent) + "')>");
out.print("<span>[上級目錄]"+parent+"<span/>");
out.print("</div>");
if(logger.isDebugEnabled()){
logger.debug("發(fā)現(xiàn)上級目錄:"+ parent);
}
}
// 如果是文件夾，則顯示文件夾并且可以再次觸發(fā)下級和上級目錄
if(0 < subFolderSet.size()){
Iterator<String> subFolderSetIndex = subFolderSet.iterator();
while(subFolderSetIndex.hasNext()){
String ftemp = subFolderSetIndex.next();
// 這里url傳遞的時(shí)候，文件分隔符會(huì)有問題，需要轉(zhuǎn)義
out.print("<div style='width:100%;float:left;word-break:break-all;' onclick =view('" + URLEncoder.encode(ftemp) + "')>");
out.print("<span>[下級目錄]"+ftemp+"</span>");
out.print("</div>");
if(logger.isDebugEnabled()){
logger.debug("添加子目錄："+ftemp);
}
}
}
// 如果是文件，則點(diǎn)擊就選擇文件到控件中
if(0 < subFileerSet.size()){
Iterator<String> subFileerSetIndex = subFileerSet.iterator();
while(subFileerSetIndex.hasNext()){
String ftemp = subFileerSetIndex.next();
String f = getDefaultFolderFromFreemarker(folder);
String fileUrl = f + File.separator + ftemp;
fileUrl = StringUtils.replace(fileUrl, "http://", "/");
out.print("<div style='width:150px;height:150px;float:left;word-break:break-all;padding:5px;background:#666699;margin:5px;'>");
out.print("<a href="javascript:void(0)" mce_href="javascript:void(0)" onclick=choose('"+fileUrl+"')><img style='border:none;width:145px;height:145px;' src=""+fileUrl+"" mce_src=""+fileUrl+"" title='"+fileUrl+"'/></a>");
out.print("</div>");
if(logger.isDebugEnabled()){
logger.debug("添加文件："+fileUrl);
}
}
}
out.flush();
out.close();
} catch (IOException e) {
e.printStackTrace();
}
}
/**
* 從freemarker這一級開始獲取文件夾路徑
* @return
*/
private static String getDefaultFolderFromFreemarker(File folder){
String path = folder.getPath();
path = path.substring(path.indexOf(FOR_FREEMARKER_LOAD_DIR));
return path;
}
/**
* 判斷是否是根目錄
* @param floderName
* @return
*/
private static boolean checkIsRoot(File folder){
String name = NorStringUtils.getFileName(folder.getName());
return StringUtils.equalsIgnoreCase(name, FILE_UPLOAD_DIR);
}
}

這里注意，如果你沒有成功，看第一篇最后部分的部署配置介紹，很簡單的事兒

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊舉報(bào)。

免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版