前言

一般開發中，都會把圖片上傳到一個目錄，然後將目錄和檔名拼接儲存在資料庫中，但是，這種方法如果沒弄好的話可能有一定的缺陷。

若專案搬遷，即時這臺伺服器本身還在用，存放在伺服器的跟專案相關的圖片也要跟著搬遷，同時還要修改程式碼，會造成較多麻煩。如果搭建一個專門存放圖片的伺服器，而且通過ftp傳輸，那麼你的程式碼就不用改了。

關於Docker和Nginx的介紹和優點在這裡就不展開了，網上部落格和教程也有很多。

環境搭建

環境搭建有些模組可能不夠詳細，如果想知道更多的話可以檢視其他資料，這裡只是簡單操作。

1、安裝Docker

yum install docker

2、拉取Nginx映象

docker pull nginx:1.16.0

1.16.0 是版本號，可以通過 docker search nginx 查詢映象；拉取其他映象比如 tomcat、mysql 等同理。

3、建立主要檔案，用於docker掛載

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

4、建立並執行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、在宿主機上建立Nginx的配置檔案

在/home/nginx/conf 中新建檔案 nginx.conf，並寫入如下配置：

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;
        
        # 跳轉到8080埠，即我的tomcat容器，如果瀏覽器輸入 https://ip/ 則跳轉到tomcat容器（已經執行並對映埠號）
        location / {
            root   /usr/share/nginx/html;
            proxy_pass http://ip:8080/;
            index  index.html index.htm;
        }
　　　　　# 如果瀏覽器輸入 https://ip/images/ 則對應宿主機上的 /home/nginx/www/images/ 因為前面已經掛載了，即宿主機某個目錄和docker容器內的某個資料夾共享資料
　　　　　# 要先在宿主機的 /home/nginx/www/ 中建立 images 目錄
        location ~ /images/ {
            root   /usr/share/nginx/html/;
        }
    }
 
    server {
        listen 80;
        server_name 你的 ip 地址或域名;
        rewrite ^ https://$host$1 permanent;
    }
}        

這裡面有關於ssl的配置，你需要先申請域名，然後搞個ssl證書，再進行配置，這裡也不做詳細介紹。

環境配置差不多完成，接下來安裝 vsftpd 搭建 ftp

搭建FTP

安裝vsftpd

yum -y install vsftpd

新增使用者

useradd 自定義使用者名稱

passwd 自定義密碼

修改配置檔案

vi /etc/vsftpd/vsftpd.conf

需要修改的地方如下：

# 配置檔案預設為YES，即支援匿名訪問，設定為不支援
anonymous_enable=NO

# 在最後新增這兩行
pasv_min_port=30000
pasv_max_port=30009

儲存退出後設置使用者訪問許可權

chown ftpadmin /home/nginx/www/image

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

完事後測試一波，通過ftp上傳後，通過瀏覽器https請求得到如下結果：

*補充一點：阿里雲伺服器的話記得配置安全組，將21號埠開啟，以及443、80埠，還有30000-30009埠

 Java實現FTP傳輸

先在resource中建立 ftpResource.properties 檔案，並寫入引數

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

之後寫一個工具類，用於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 伺服器ip地址
     * FTP_PORT: ftp 伺服器port，預設是21
     * FTP_USERNAME: ftp 伺服器使用者名稱
     * FTP_PASSWORD: ftp 伺服器密碼
     * FTP_BASE_PATH: ftp 伺服器儲存圖片的絕對路徑
     * IMAGE_BASE_URL: ftp 伺服器外網訪問圖片路徑
     */
    @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、呼叫 FtpUtil 中的函式，將圖片上傳到圖片伺服器並返回 https 地址
        3、若返回的是圖片地址，則將其插入資料庫
         */
        InputStream inputStream = file.getInputStream();
        String filename = file.getOriginalFilename();
        String picUrl = ftpUtil.uploadImage(inputStream, filename);
    }

就這樣完事兒，以後客戶端請求過來，通過FTP傳輸到伺服器，然後將地址儲存到資料庫，前端只要獲取了圖片url就會顯示。

如果覺得對你有幫助，可以關注公眾號：Max的日常操作，或掃碼關注

&n