layui富文本编辑器+文件上传

(1)layui官网下载最新的样式压缩包,项目static目录下;

(2)编辑器页面:

导入css样式:

导入js:

       封面图:
       选择文件

        



      内容:
      ${pd.NEIRONG}
 

js:

(3)shangchuan方法

    @RequestMapping(value = "/shangchuan", produces = "application/json;charset=UTF-8")
	@ResponseBody
	public Object shangchuan(
			DefaultMultipartHttpServletRequest multipartRequest)
			throws Exception {
		logBefore(logger, Jurisdiction.getUsername() + "上传图片");
		Map map = new HashMap();
		if (!Jurisdiction.buttonJurisdiction(menuUrl, "add")) {
			map.put("result", "没权限");
			return AppUtil.returnObject(new PageData(), map);
		} // 校验权限

		Page page = new Page();
		PageData pd = this.getPageData();   
		page.setPd(pd);
		try {
			// 上传文件
			String[] fileurl = FileUpload.upload1(multipartRequest);
			map.put("result", fileurl[1]);
		}catch (Exception e) {
			e.printStackTrace();
			map.put("result", "error");
		}
		return AppUtil.returnObject(new PageData(), map);
	}

(4)uploadFile方法

package com.fh.controller;


import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import org.apache.ibatis.annotations.Param;
import org.json.JSONObject;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

@Controller
public class UploadFileController {
	 //上传文件
    @ResponseBody
    @RequestMapping(value = "/uploadFile")
	public String uploadFile(HttpServletRequest request,@Param("file") MultipartFile file) throws IOException{
		   SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmssSS");
	       String res = sdf.format(new Date());
	       //服务器上使用
	        String rootPath =request.getServletContext().getRealPath("/uploadFiles/uploadFile/");//target的目录
			//本地使用
	        //String rootPath ="/D:/download/beijing";
	        //原始名称
	        String originalFilename = file.getOriginalFilename();
	        //新的文件名称
	        String newFileName = res+originalFilename.substring(originalFilename.lastIndexOf("."));
	        //创建年月文件夹
	        Calendar date = Calendar.getInstance();
	        File dateDirs = new File(date.get(Calendar.YEAR)
	                + File.separator + (date.get(Calendar.MONTH)+1));
	        //新文件
	        File newFile = new File(rootPath+File.separator+dateDirs+File.separator+newFileName);
	        //判断目标文件所在的目录是否存在
	        if(!newFile.getParentFile().exists()) {
	            //如果目标文件所在的目录不存在，则创建父目录
	            newFile.getParentFile().mkdirs();
	        }
	        System.out.println(newFile);
	        //将内存中的数据写入磁盘
	        file.transferTo(newFile);
	       
	        //完整的url
	        String fileUrl =  "/tzb/uploadFiles/uploadFile/"+date.get(Calendar.YEAR)+ "/"+(date.get(Calendar.MONTH)+1)+ "/"+ newFileName;
			Map map = new HashMap();
	        Map map2 = new HashMap();
	        map.put("code",0);//0表示成功，1失败
	        map.put("msg","上传成功");//提示消息
	        map.put("data",map2);
	        map2.put("src",fileUrl);//图片url
	        map2.put("title",newFileName);//图片名称，这个会显示在输入框里
	        String result = new JSONObject(map).toString();
	        return result;
	}
}