一般開(kāi)發(fā)中，都會(huì)把圖片上傳到一個(gè)目錄，然后將目錄和文件名拼接存儲(chǔ)在數(shù)據(jù)庫(kù)中，但是，這種方法如果沒(méi)弄好的話可能有一定的缺陷。

若項(xiàng)目搬遷，即時(shí)這臺(tái)服務(wù)器本身還在用，存放在服務(wù)器的跟項(xiàng)目相關(guān)的圖片也要跟著搬遷，同時(shí)還要修改代碼，會(huì)造成較多麻煩。如果搭建一個(gè)專(zhuān)門(mén)存放圖片的服務(wù)器，而且通過(guò)ftp傳輸，那么你的代碼就不用改了。

關(guān)于Docker和Nginx的介紹和優(yōu)點(diǎn)在這里就不展開(kāi)了，網(wǎng)上博客和教程也有很多。

環(huán)境搭建

環(huán)境搭建有些模塊可能不夠詳細(xì)，如果想知道更多的話可以查看其他資料，這里只是簡(jiǎn)單操作。

1、安裝Docker

yum install docker

2、拉取Nginx鏡像

docker pull nginx:1.16.0

1.16.0 是版本號(hào)，可以通過(guò) docker search nginx 查詢鏡像；拉取其他鏡像比如 tomcat、mysql 等同理。

3、創(chuàng)建主要文件，用于docker掛載

mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf

4、創(chuàng)建并運(yùn)行Nginx容器

docker run -d -p 80:80 -p 443:443 --name nginx-server -v /home/nginx/www:/usr/share/nginx/html 
-v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /home/nginx/logs:/var/log/nginx nginx

5、在宿主機(jī)上創(chuàng)建Nginx的配置文件

在]/home/nginx/conf中新建文件nginx.conf，并寫(xiě)入如下配置：

user root;
worker_processes 1;
error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;
events {
 worker_connections 1024;
}
http {
 include /etc/nginx/mime.types;
 default_type application/octet-stream;
 log_format main '$remote_addr - $remote_user [$time_local] "$request" '
   '$status $body_bytes_sent "$http_referer" '
   '"$http_user_agent" "$http_x_forwarded_for"';
 access_log /var/log/nginx/access.log main;
 sendfile on;
 #tcp_nopush on;
 keepalive_timeout 65;
 #gzip on;
 include /etc/nginx/conf.d/*.conf;
 server {
 listen 443 ssl;
 server_name 你的 ip 地址或域名;
 root  /usr/share/nginx/html;
 ssl_certificate 你的密鑰.pem;
 ssl_certificate_key 你的密鑰.key;
 ssl_session_timeout 5m;
 ssl_session_cache shared:SSL:1m;
 ssl_ciphers  ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:aNULL:!MD5:!ADH:!RC4;
 ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
 ssl_prefer_server_ciphers on;
 # 跳轉(zhuǎn)到8080端口，即我的tomcat容器，如果瀏覽器輸入 https://ip/ 則跳轉(zhuǎn)到tomcat容器（已經(jīng)運(yùn)行并映射端口號(hào)）
 location / {
  root /usr/share/nginx/html;
  proxy_pass http://ip:8080/;
  index index.html index.htm;
 }
　　　　　# 如果瀏覽器輸入 https://ip/images/ 則對(duì)應(yīng)宿主機(jī)上的 /home/nginx/www/images/ 因?yàn)榍懊嬉呀?jīng)掛載了，即宿主機(jī)某個(gè)目錄和docker容器內(nèi)的某個(gè)文件夾共享數(shù)據(jù)
　　　　　# 要先在宿主機(jī)的 /home/nginx/www/ 中創(chuàng)建 images 目錄
 location ~ /images/ {
  root /usr/share/nginx/html/;
 }
 }
 server {
 listen 80;
 server_name 你的 ip 地址或域名;
 rewrite ^ https://$host$1 permanent;
 }
}

這里面有關(guān)于ssl的配置，你需要先申請(qǐng)域名，然后搞個(gè)ssl證書(shū)，再進(jìn)行配置，這里也不做詳細(xì)介紹。

環(huán)境配置差不多完成，接下來(lái)安裝 vsftpd 搭建 ftp

搭建FTP

安裝vsftpd

yum -y install vsftpd

添加用戶

useradd 自定義用戶名

passwd 自定義密碼

修改配置文件

vi /etc/vsftpd/vsftpd.conf

需要修改的地方如下：

# 配置文件默認(rèn)為YES，即支持匿名訪問(wèn)，設(shè)置為不支持
anonymous_enable=NO
# 在最后添加這兩行
pasv_min_port=30000
pasv_max_port=30009

保存退出后設(shè)置用戶訪問(wèn)權(quán)限

chown ftpadmin /home/nginx/www/image
chmod 777 -R /home/nginx/www/image

完事后測(cè)試一波，通過(guò)ftp上傳后，通過(guò)瀏覽器https請(qǐng)求得到如下結(jié)果：

*補(bǔ)充一點(diǎn)：阿里云服務(wù)器的話記得配置安全組，將21號(hào)端口打開(kāi)，以及443、80端口，還有30000-30009端口

 Java實(shí)現(xiàn)FTP傳輸

先在resource中創(chuàng)建ftpResource.properties文件，并寫(xiě)入?yún)��?shù)

FTP_ADDRESS=你的IP
FTP_PORT=21
FTP_USERNAME=用戶名
FTP_PASSWORD=用戶密碼
FTP_BASE_PATH=/home/nginx/www/images
IMAGE_BASE_URL=https://域名/images/

之后寫(xiě)一個(gè)工具類(lèi)，用于FTP傳輸

import org.apache.commons.net.ftp.FTP;
import org.apache.commons.net.ftp.FTPClient;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.context.annotation.PropertySource;
import org.springframework.stereotype.Component;
import java.io.*;
/**
 * @author Max
 */
@Component
@PropertySource("classpath:ftpResource.properties")
public class FtpUtil {
 /**
 * FTP_ADDRESS: ftp 服務(wù)器ip地址
 * FTP_PORT: ftp 服務(wù)器port，默認(rèn)是21
 * FTP_USERNAME: ftp 服務(wù)器用戶名
 * FTP_PASSWORD: ftp 服務(wù)器密碼
 * FTP_BASE_PATH: ftp 服務(wù)器存儲(chǔ)圖片的絕對(duì)路徑
 * IMAGE_BASE_URL: ftp 服務(wù)器外網(wǎng)訪問(wèn)圖片路徑
 */
 @Value("${FTP_ADDRESS}")
 private String FTP_ADDRESS;
 @Value("${FTP_PORT}")
 private Integer FTP_PORT;
 @Value("${FTP_USERNAME}")
 private String FTP_USERNAME;
 @Value("${FTP_PASSWORD}")
 private String FTP_PASSWORD;
 @Value("${FTP_BASE_PATH}")
 private String FTP_BASE_PATH;
 @Value("${IMAGE_BASE_URL}")
 private String IMAGE_BASE_URL;
 /**
 * 上傳圖片
 * @param inputStream 輸入流
 * @param name 文件名
 * @return 圖片 url
 * @throws IOException IO異常
 */
 public String uploadImage(InputStream inputStream, String name) throws IOException {
 FTPClient ftpClient = new FTPClient();
 try {
  System.out.println(FTP_ADDRESS);
  ftpClient.enterLocalPassiveMode();
  ftpClient.connect(FTP_ADDRESS, FTP_PORT);
  ftpClient.login(FTP_USERNAME, FTP_PASSWORD);
  ftpClient.changeWorkingDirectory(FTP_BASE_PATH);
  ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
  boolean isSucceed = ftpClient.storeFile(name, inputStream);
  if (isSucceed){
  return IMAGE_BASE_URL + name;
  }
 }catch (Exception e){
  e.printStackTrace();
 }finally {
  ftpClient.logout();
 }
 return IMAGE_BASE_URL + "error";
 }
}

然后在Service處理邏輯，此處只展示部分代碼

@Autowired
 private FtpUtil ftpUtil;

 @Override
 public int insertImg(MultipartFile file) throws IOException {
 /*
 1、獲取上傳的文件流 inputStream 以及文件名 getOriginalFilename
 2、調(diào)用 FtpUtil 中的函數(shù)，將圖片上傳到圖片服務(wù)器并返回 https 地址
 3、若返回的是圖片地址，則將其插入數(shù)據(jù)庫(kù)
  */
 InputStream inputStream = file.getInputStream();
 String filename = file.getOriginalFilename();
 String picUrl = ftpUtil.uploadImage(inputStream, filename);
 }

就這樣完事兒，以后客戶端請(qǐng)求過(guò)來(lái)，通過(guò)FTP傳輸?shù)椒��?wù)器，然后將地址保存到數(shù)據(jù)庫(kù)，前端只要獲取了圖片url就會(huì)顯示。