Nginx 搭建图片服务器技术頭條網

2019-03-09 13:25:28 Java面經

作者：ITDragon龙
来源：http://www.cnblogs.com/itdragon/p/7864916.html

本章内容通过Nginx 和 FTP 搭建图片服务器。在学习本章内容前，请确保您的Linux 系统已经安装了Nginx和Vsftpd。

Nginx 安装
http://www.cnblogs.com/itdragon/p/7850985.html
Vsftpd 安装
http://www.cnblogs.com/itdragon/p/7857649.html

本章知识点

效果图：

需求：实现图片的上传和批量上传
技术：Nginx，Vsftpd，Spring，SpringMVC，KindEditor，CentOS
说明：本章节内容主要是实现图片的上传功能。使用 KindEditer 是为了更好的演示图片的上传，回显，批量效果。后台代码与KindEditer没有直接关系，放心阅读。另外源码中有Mybatis的jar，不用理会，本章内容用不到，是为后续内容做准备！
源码：见文章底部
场景：用户将图片上传到 tomcat 服务器上，再由 tomcat 服务器通过FTP上传到 Nginx 服务器上。

项目结构：

单元测试

首先要攻破核心技术。通过单元测试实现图片上传的功能。

说明：这里的ip地址，端口，ftp用户名，密码，本地文件路径，以及Nginx服务器图片路径等，这些字符串参数都要根据自己实际设置的来填写的。如果你的Nginx和Vsftpd安装是按照我提供的链接来做的。那你只需要改ip地址即可。

Maven 的Web 项目

搭建Maven的Web 项目，之前有写过。这里就不过多描述。

项目核心配置文件

首先是 Maven 的核心文件 pom.xml

说明：和文件上传有直接关系的是：

<dependency>
 <groupid>commons-fileupload/<groupid>
 <artifactid>commons-fileupload/<artifactid>
/<dependency>

然后是 Web 项目的核心文件 web.xml

再是 SpringMVC 配置文件 springmvc.xml，需要添加文件上传解析器


 <bean> class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
 
 <property>
 
 <property>
 /<bean>

最后是 Ftp 配置文件 resource.properties

FTP_ADDRESS=192.168.0.11
FTP_PORT=21
FTP_USERNAME=ftpuser
FTP_PASSWORD=root
FTP_BASE_PATH=/usr/local/nginx/html/images
IMAGE_BASE_URL=http://192.168.0.11/images

Service 层

上传图片的接口 PictureService.java

package com.itdragon.service;
import java.util.Map;
import org.springframework.web.multipart.MultipartFile;
public interface PictureService {
 /**
 * 上传，批量上传接口
 * @param uploadFile
 * @return
 */
 Map uploadPicture(MultipartFile uploadFile);
}

上传图片接口实现类 PictureServiceImpl.java