e.printStackTrace;
}
return json;
}
}
说明:
- @RestController 也是Spring4 提供的,是 @Controller + @ResponseBody 的组合注解 。
- Controller层的返回值是一个json格式的字符串 。是考虑到浏览器对json解析兼容性比较好 。
Views视图层负责上传图片的视图页面:
<form action="pic/upload" method="post" enctype="multipart/form-data">
<input type="file" name="fileUpload" />
<input type="submit" value=https://www.isolves.com/it/wlyx/fwq/2019-08-20/"上传文件" />
</form>
<hr />
<h3>借用KindEditor富文本编辑器实现批量上传图片</h3>
<textarea id="kindEditorDesc" style="width:800px;height:300px;visibility:hidden;"></textarea>
<script type="text/JavaScript">
$(function{
//初始化富文本编辑器
KindEditor.create("#kindEditorDesc", {
// name值,必须和Controller 的参数对应,不然会提示 400 的错误
filePostName : "fileUpload",
// action值,
uploadJson : '/pic/upload',
// 设置上传类型,分别为image、flash、media、file
dir : "image"
});
});
</script>
说明:视图分为两个部分,第一个部分是为了测试上传图片功能的form表单 。第二个部分是为了更好的体验上传,批量上传,回显功能的KindEditer 富文本编辑器 。总结
- Nginx 搭建服务器的思维
- Java实现 Ftp上传图片的功能
- KindEditer 上传图片的功能
源码:https://github.com/ITDragonBlog/daydayup/tree/master/NginxNginx 搭建图片服务器到这里就结束了,有什么不足的地方,请赐教 。如果觉得不错,可以点个赞哦!
如果喜欢本篇文章,欢迎转发、点赞 。关注订阅号「Web项目聚集地」,回复「全栈」即可获取 2019 年最新 Java、Python、前端学习视频资源 。
【Nginx 搭建图片服务器】
推荐阅读
- 饵料|野钓调漂那么重要吗?
- 和田玉籽料|旧藏·和田玉籽料观音挂坠
- |野钓:钓鱼小妙招详解
- 海蓝之谜|哪种精华液比较好用
- 如何基于 MySQL 主从模式搭建上万并发的系统架构?
- Java仿QQ生成图片验证码
- 推荐一款nginx+redis+ehcache高并发与高可用缓存架构
- Linux服务器centos7系统下搭建Jenkins
- 一小时搭建微信聊天机器人
- 木盐树的图片 树盐是什么样的