- 在JSP页面内KindEditor富文本编译器
![620774c1cd2c4029fabd594e4c3441f4.png](https://i-blog.csdnimg.cn/blog_migrate/697a101984a8ca99e64b3c098172fc5d.jpeg)
- JS代码
![58ed67563268243bc394a36d3abe7754.png](https://i-blog.csdnimg.cn/blog_migrate/63c6e8482efe042fa69080b37caa6106.jpeg)
- KindEditor 初始化常用参数介绍
1 uploadJson:指定上传文件的服务器端程序
2 FilePostName:指定上传文件 form 名称。
3 dir:指定上传文件类型
<form method="post" id="myform">
<textarea rows="20" cols="20" id="text_id" name="textarea"></textarea>
<input type="submit" id="but" value="OKOK"/>
</form>
请求代码
-
- 控制器代码
@RequestMapping("/upload")
@ResponseBody
public String fileUpload(MultipartFile fileName) {
Map<String, Object> map = picUploadService.fileUpload(fileName);
return JsonUtils.objectToJson(map);
}
- 业务层代码:
- 通过Spring读取配置文件的特点进行值的提取注入
-
- 使用Value注解进行值的注入
-
![13d9b61495e7ed9fb8d7cee1434bcc6f.png](https://i-blog.csdnimg.cn/blog_migrate/5547f1af4dab8a08cae9a06e8e11bd68.jpeg)
@Value("${FTP_HOST}")
private String FTP_HOST;
@Value("${FTP_PORT}")
private int FTP_PORT;
@Value("${FTP_USERNAME}")
private String FTP_USERNAME;
@Value("${FTP_PASSWORD}")
private String FTP_PASSWORD;
@Value("${FTP_BASEPATH}")
private String FTP_BASEPATH;
@Value("${HTTP_BASE_PATH}")
private String HTTP_BASE_PATH;
@Override
public Map<String, Object> fileUpload(MultipartFile fileName) {
Map<String, Object> map = new HashMap<String, Object>();
Date date = new Date();
try {
SimpleDateFormat sdf = new SimpleDateFormat("/yyyy/MM/dd/");//根据时间生成文件的存储目录
String filePath = sdf.format(date);
//文件名称的生成使用ID工具生成名称
String filename = IDUtils.genImageName()+ fileName.getOriginalFilename().substring(fileName.getOriginalFilename().lastIndexOf("."));
boolean result = FPTClientUtils.uploadFile(FTP_HOST, FTP_PORT, FTP_USERNAME, FTP_PASSWORD, FTP_BASEPATH,
filePath, filename, fileName.getInputStream());
if (result) {
//对上传的结果进行返回,并将上传的图片在编辑器进行显示(显示需要使用Nginx)才能实现
map.put("error", 0);
map.put("url", this.HTTP_BASE_PATH + filePath + filename);
} else {
map.put("error", 1);
map.put("message", "错误信息");
}
} catch (Exception e) {
map.put("error", 1);
map.put("message", "错误信息");
e.printStackTrace();
}
return map;
}
![7b9ffd95d5bfec830737f3a1d670a3b5.png](https://i-blog.csdnimg.cn/blog_migrate/7ec4167605732f1e06dc50eac737d68c.jpeg)