上一篇已经写了  如何搭建vsftp 进行文件储存（https://blog.csdn.net/weixin_42006112/article/details/102314452），这次主要写的是后台实现图片存储，由于使用起来非常简单，我就直接直接贴代码。

相对详细的链接：https://www.jianshu.com/p/67fc9148f95a

首先添加依赖pom.xml

        <!--图片上传 vsftp-->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.2</version>
        </dependency>

        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.4</version>
        </dependency>

        <dependency>
            <groupId>commons-net</groupId>
            <artifactId>commons-net</artifactId>
            <version>3.6</version>
        </dependency>

配置文件:application.yml

spring：
#配置文件上传器
  http:
    multipart:
      max-file-size: 100Mb
      max-request-size: 100Mb
  #视图解析器
  mvc:
    view:
      prefix: /pages/
      suffix: .html
  #访问html
  thymeleaf:
    prefix: classpath:/templates/
    suffix: .html
    mode: HTML5

#ftp相关配置
FTP:
  ADDRESS: 192.168.*.*
  PORT: 21
  USERNAME: ftpuser
  PASSWORD: *******
  BASEPATHPIC: /home/ftpuser/images
  BASEPATHFILE: /home/ftpuser/file
#图片服务器相关配置
IMAGE:
  BASE:
    URL: http://192.168.117.130/images
#文件地址
FILE:
  BASE:
    URL: http://192.168.117.130/file

或者是：application.properties

#配置数据库连接信息
spring.datasource.url=jdbc:mysql:///db_demo?useUnicode=true&characterEncoding=utf8
spring.datasource.username=#
spring.datasource.password=#
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
#Mybatis扫描接口对应的xml文件
mybatis.mapper-locations=classpath:mappers/*.xml
#起别名。可省略写mybatis的xml中的resultType的全路径  
mybatis.type-aliases-package=com.zhu.pojo
#配置文件上传器
spring.http.multipart.maxFileSize=100Mb
spring.http.multipart.maxRequestSize=100Mb
#ftp相关配置
FTP.ADDRESS=192.168.xx.xxx
FTP.PORT=21
FTP.USERNAME=ftpuser
FTP.PASSWORD=*******
FTP.BASEPATH=/home/ftpuser/images
FTP.BASEPATHFILE=/home/ftpuser/file
#图片服务器相关配置
IMAGE.BASE.URL=http://192.168.xx.xxx/images
FILE.BASE.URL=http://192.168.xx.xxx/file
#视图解析器
spring.mvc.view.prefix=/pages/
spring.mvc.view.suffix=.html

然后就是图片上传工具，直接复制即可使用 FtpFileUtil 

import java.io.IOException;
import java.io.InputStream;

import org.apache.commons.net.ftp.FTP;
import org.apache.commons.net.ftp.FTPClient;
import org.apache.commons.net.ftp.FTPReply;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;

@Component
public class FtpFileUtil {

    @Value("${FTP.ADDRESS}")
    private String host;
    // 端口
    @Value("${FTP.PORT}")
    private int port;
    // ftp用户名
    @Value("${FTP.USERNAME}")
    private String userName;
    // ftp用户密码
    @Value("${FTP.PASSWORD}")
    private String passWord;

    /**
     * Description: 向FTP服务器上传文件
     *
     *host     FTP服务器ip
     *port     FTP服务器端口
     *username FTP登录账号
     *password FTP登录密码
     *basePath FTP服务器基础目录,/home/ftpuser/images
     * @param filePath FTP服务器文件存放路径。例如分日期存放：/2018/05/28。文件的路径为basePath+filePath
     * @param filename 上传到FTP服务器上的文件名
     * @param input    输入流
     * @return 成功返回true，否则返回false
     */
    public boolean uploadFile(String filePath, String filename,String basePath, InputStream input) {
        boolean result = false;
        FTPClient ftp = new FTPClient();
        try {
            int reply;
            ftp.connect(host, port);// 连接FTP服务器
            // 如果采用默认端口，可以使用ftp.connect(host)的方式直接连接FTP服务器
            ftp.login(userName, passWord);// 登录
            reply = ftp.getReplyCode();
            if (!FTPReply.isPositiveCompletion(reply)) {
                ftp.disconnect();
                return result;
            }
            //切换到上传目录
            if (!ftp.changeWorkingDirectory(basePath + filePath)) {
                //如果目录不存在创建目录
                String[] dirs = filePath.split("/");
                String tempPath = basePath;
                for (String dir : dirs) {
                    if (null == dir || "".equals(dir)){
                        continue;
                    }
                    tempPath += "/" + dir;
                    if (!ftp.changeWorkingDirectory(tempPath)) {
                        if (!ftp.makeDirectory(tempPath)) {
                            return result;
                        } else {
                            ftp.changeWorkingDirectory(tempPath);
                        }
                    }
                }
            }
            //设置为被动模式
            ftp.enterLocalPassiveMode();
            //设置上传文件的类型为二进制类型
            ftp.setFileType(FTP.BINARY_FILE_TYPE);
            //上传文件
            if (!ftp.storeFile(filename, input)) {
                return result;
            }
            input.close();
            ftp.logout();
            result = true;
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            if (ftp.isConnected()) {
                try {
                    ftp.disconnect();
                } catch (IOException ioe) {
                }
            }
        }
        return result;
    }
}

随机数生成：IDUtils，为的是防止名字相同导致覆盖

import java.util.Random;

public class IDUtils {
    public static String getImageName() {
        //取当前时间的长整形值包含毫秒
        long millis = System.currentTimeMillis();
        //long millis = System.nanoTime();
        //加上三位随机数
        Random random = new Random();
        int end3 = random.nextInt(999);
        //如果不足三位前面补0
        String str = millis + String.format("%03d", end3);

        return str;
    }
}

上传图片案例

import com.jazzychen.myspringboot.util.FtpFileUtil;
import com.jazzychen.myspringboot.util.IDUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;

import java.io.InputStream;
import java.text.SimpleDateFormat;
import java.util.Date;

@Controller
@ResponseBody
@RequestMapping("/pic")
public class UserContrller {

    // 文件在服务器端保存的主目录
    @Value("${FTP.BASEPATHPIC}")
    private String basePath;
    // 访问图片时的基础url
    @Value("${IMAGE.BASE.URL}")
    private String baseUrl;

    @Autowired
    private FtpFileUtil ftpFileUtil;

    @PostMapping("/upload")
    public void picUpload(@RequestParam("pic")MultipartFile uploadFile){
        try {
            SimpleDateFormat simpleDateFormat = new SimpleDateFormat("/yyyy/MM/dd");
            //获取图片名字
            String oldName = uploadFile.getOriginalFilename();
            //创建新的名字
            String newName = IDUtils.getImageName();
            newName = newName + oldName.substring(oldName.lastIndexOf("."));
            //生成文件在服务器端存储的子目录
            String filePath = simpleDateFormat.format(new Date());
            //把图片上传到服务器
            //转io流
            InputStream inputStream = uploadFile.getInputStream();

            boolean result = ftpFileUtil.uploadFile(filePath, newName,basePath, inputStream);
            if (result){
                System.out.println("图片地址"+ baseUrl + filePath + "/" + newName);
            }else {
                System.out.println("false");
            }
        }catch (Exception e){
            System.out.println(e);
        }
    }

前端代码: index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

  <form action="/pic/import" enctype="multipart/form-data" method="post">
       <input type="text" name="username"><br>
       <input type="password" name="password"><br>
       <input type="file" name="pic"><br>
       <input type="submit" value="提交">
   </form>

</body>
</html>

追后附上结构图与效果图