LayUI富文本域使用案例(1)

上面代码主要有三部分。

设置图片上传的接口。

layedit.set({ //设置图片接口

uploadImage: {

url: ‘layEdit/upload’, //接口url

type: ‘post’

}

});

图片上传后台方法。

@RequestMapping(value=“/upload”)

@ResponseBody

public Object upload(MultipartFile file) {

String filename = file.getOriginalFilename();

String uuid = UUID.randomUUID().toString();

boolean boole = fileService.saveFile(file, uuid);

if (boole) {

Map<String,Object> map = new HashMap<String,Object>();

Map<String,Object> map2 = new HashMap<String,Object>();

map.put(“code”, 0); //0表示上传成功

map.put(“msg”,“上传成功”); //提示消息

map2.put(“src”, “http://localhost/layEdit/download?uuid=”+uuid);

map2.put(“title”, filename);

map.put(“data”, map2);

return map;

} else {

return file.getOriginalFilename();

}

}

返回的数据格式是LayUI固定的，LayUI前台接收返回的数据格式为：

{

“code”: 0,      //0表示成功，其他表示失败

“msg”: “”,       //提示信息，//一般上传失败后返回

“data”:  {

“src”: “图片路径”,

“title”:  “图片名称”    //可选

}

}

其中saveFile方法为图片上传方法，上传返回的地址是下载方法的地址，其代码如下。

// 图片存放位置

private final static String IMAGEPATH=“e:\layui\image”;

//保存图片

@Transactional

public boolean saveFile(MultipartFile file, String uuid){

try{

File path = path(file.getContentType());

String filename = file.getOriginalFilename();

FileImg fileEntity = new FileImg();

SimpleDateFormat sdf=new SimpleDateFormat(“yyyy-MM-dd HH:mm:ss”);

Date date=new Da