java如何使用CKEditor實現(xiàn)圖片上傳功能，具體內(nèi)容如下
10年積累的成都做網(wǎng)站、網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有佳縣免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
1.根據(jù)實際需要下載指定的CKEditor
2.刪除文件ckeditor/plugins/image/dialogs/image.js預(yù)覽框中文本內(nèi)容，并修改hidden屬性值為顯示上傳選項卡
刪除image.js中包含在雙引號中的上述文本
將image.js中的hidden屬性值改為0
3.修改ckeditor/config.js文件，配置“上傳到服務(wù)器”按鈕調(diào)用的controller接口
4.“上傳到服務(wù)器”按鈕調(diào)用的controller級別的接口
重慶分公司
重慶分公司
@Controller
@RequestMapping("publicutil")
public class PublicUtilController {
@RequestMapping(value = "uploadImage")
private void uploadImage(HttpServletRequest request, HttpServletResponse response, HttpSession session,@RequestParam MultipartFile[] upload) {
response.setCharacterEncoding("UTF-8");
PrintWriter out=null;
try {
out = response.getWriter();
} catch (IOException e1) {
logger.error("response.getWriter()異常="+e1);
e1.printStackTrace();
}
String callback = request.getParameter("CKEditorFuncNum");
// 獲得response,request
Map m = new HashMap();
if (!ServletFileUpload.isMultipartContent(request)) {
m.put("error", 1);
m.put("message", "請選擇文件!");
//return m;
logger.info("請選擇文件!");
}
String originalFileName=null;//上傳的圖片文件名
String fileExtensionName=null;//上傳圖片的文件擴展名
for (MultipartFile file : upload) {
if (file.getSize()> 10*1024* 1024) {
out.println("");
}
originalFileName=file.getOriginalFilename();
logger.info("上傳的圖片文件名="+originalFileName);
fileExtensionName= originalFileName.substring(
originalFileName.lastIndexOf(".") ,originalFileName.length()).toLowerCase();
logger.info("圖片文件擴展名="+fileExtensionName);
String[] imageExtensionNameArray= WebsiteConstant.IMAGE_EXTENSION_NAME_ARRAY;
String allImageExtensionName="";
boolean isContain=false;//默認(rèn)不包含上傳圖片文件擴展名
for(int i=0;i 0) {
// os.write(buffer, 0, length);
// }
// is.close();
// os.close();
} catch (IOException e) {
logger.error("FileUtils.copyInputStreamToFile uploadPath="+uploadPath+" newFileName ="+newFileName+" exception="+e);
}
String imageUrl=WebsiteConstant.PIC_APP_SERVER_URL+"images/ckeditor/"+newFileName;
// 返回"圖像信息"選項卡并顯示圖片 ,在對應(yīng)的文本框中顯示圖片資源url
out.println("");
}else{
out.println("");
}
}
}
}
public class WebsiteConstant {
public static String[] IMAGE_EXTENSION_NAME_ARRAY={".jpg",".jpeg",".png",".gif",".bmp"};
public static String PIC_APP_SERVER_URL="http://localhost:8090/Picture/";
public static String PIC_APP_FILE_SYSTEM_CKEDITOR_LOCATION="/Users/abc/Documents/tomcat/webapps/Picture/images/ckeditor/";
public static final int SUCCESS = 1; // 操作成功
5.若是在Maven項目中使用的CKEditor，需要在pom.xml中添加如下代碼：
com.ckeditor ckeditor-java-core 3.5.3
6.最終效果圖
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
