kindeditor修改--代码讲解

主要修改的就是 两个kindeditor/plugins 下的两个 js文件

195800_Cz4G_1792889.jpg

界面的修改

单个图片上传时 有两种方式200105_hBZY_1792889.jpg

代码:200500_OBqX_1792889.jpg

在addA(this)函数中使用ajax向后台请求 指定目录下的所有文件夹 并以图形界面方式显示出来

前台的这些东西就是费时间没什么技术含量,只要做好事件的处理响应就可以,重点说说 struts2的数据接收处理

代码示例:

 
package com.servlet;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.PrintWriter;
import java.util.HashMap;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.struts2.ServletActionContext;
import org.json.simple.JSONObject;
import org.omg.CORBA.Request;
import com.opensymphony.xwork2.ActionSupport;
import com.sun.org.apache.regexp.internal.recompile;
@SuppressWarnings("serial")
public class TestAction extends ActionSupport {
 
 private File imgFile;
 private String imgFileFileName;
 private String imgFileContentType;
 public File getImgFile() {
  return imgFile;
 }
 public void setImgFile(File imgFile) {
  this.imgFile = imgFile;
 }
 public String getImgFileFileName() {
  return imgFileFileName;
 }
 public void setImgFileFileName(String imgFileFileName) {
  this.imgFileFileName = imgFileFileName;
 }
 public String getImgFileContentType() {
  return imgFileContentType;
 }
 public void setImgFileContentType(String imgFileContentType) {
  this.imgFileContentType = imgFileContentType;
 }
 public String execute() throws Exception {
  String name = imgFile.getName();
  
  HttpServletRequest request = ServletActionContext.getRequest();
  HttpServletResponse response = ServletActionContext.getResponse();
  ServletContext sc = ServletActionContext.getServletContext();
  response.setCharacterEncoding("utf-8");
  PrintWriter out = response.getWriter();
  response.setContentType("text/html; charset=UTF-8");
  // 测试数据
  String fileName = request.getParameter("fileName");
  
  InputStream is = new FileInputStream(imgFile);
  String root = ServletActionContext.getServletContext().getRealPath(
    "/fileUpload");
  root = root + "/" + fileName;
  File file = new File(root);
  if (!file.exists()) {
   file.mkdirs();
  }
  // saveUrl图片显示的url
  String saveUrl = request.getContextPath() + "/fileUpload/";
  saveUrl = saveUrl + fileName + "/";
  File deskFile = new File(root, this.getImgFileFileName());
  OutputStream os = new FileOutputStream(deskFile);
  byte[] bytefer = new byte[1024];
  int length = 0;
  while ((length = is.read(bytefer)) != -1) {
   os.write(bytefer, 0, length);
  }
  os.close();
  is.close();
  imgFile.delete();
  //控制图片的显示 
 //这个地方一定要注意 是处理在文框框显示图片的
 
  JSONObject obj = new JSONObject();
  obj.put("error", Integer.valueOf(0));
  obj.put("url", saveUrl + "/" + imgFileFileName);
  out.print(obj.toJSONString());
  return null;
 }
 private String getError(String message) {
  JSONObject obj = new JSONObject();
  obj.put("error", Integer.valueOf(1));
  obj.put("message", message);
  return obj.toJSONString();
 }
}

 

 

 

转载于:https://my.oschina.net/JMSoldier/blog/295617

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值