Nginx 搭建图片服务器( 四 )

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/Nginx
Nginx 搭建图片服务器到这里就结束了,有什么不足的地方,请赐教 。如果觉得不错,可以点个赞哦!
如果喜欢本篇文章,欢迎转发、点赞 。关注订阅号「Web项目聚集地」,回复「全栈」即可获取 2019 年最新 Java、Python、前端学习视频资源 。

【Nginx 搭建图片服务器】


推荐阅读