上一篇已经写了 如何搭建vsftp 进行文件储存(https://blog.csdn.net/weixin_42006112/article/details/102314452),这次主要写的是后台实现图片存储,由于使用起来非常简单,我就直接直接贴代码。
相对详细的链接:https://www.jianshu.com/p/67fc9148f95a
首先添加依赖pom.xml
commons-fileupload
commons-fileupload
1.3.2
commons-io
commons-io
2.4
commons-net
commons-net
3.6
配置文件: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
Insert title here
追后附上结构图与效果图