【Docker+Nginx+SpringBoot】（实现头像上传功能）搭建一个图片服务器，实现本地上传图片，并返回可以访问的图片链接。
参考
nginx+docker搭建静态资源服务器
基于springboot搭建图片服务器
问题的抛出
就拿CSDN来说，通常我们将本地的的照片托进去就会返回一个属于这个图片的链接，然而其他人可以通过这个链接访问到我从本地拖进去的图片。
经典案例
头像的上传，从本地上传的图片，那么下次登录也能访问到。
Nginx+Docker 搭建静态资源服务器
安装docker
yum -y install docker
拉取nginx镜像
docker pull nginx
准备工作
# 创建一个存放静态资源的目录，比如我是使用了 /home/ftpadmin/health/images( 建议不要使用 root 权限，不好使用 xftp 上传文件 )
mkdir /home/ftpadmin/health/images
# 创建并编辑 nginx.conf，我的 nginx.conf 放在 /home/ftpadmin/health 路径底下
vi nginx.conf
可以在Xftp下创建，最后可以看到是这样的
修改nginx.conf
user nginx;
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;
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root /images;
index index.html index.htm;
}
}
include /etc/nginx/conf.d/*.conf;
}
执行docker实例创建命令
# --name 实例名
# -p 是端口映射，80是 nginx 容器的默认端口，映射到主机的 4545 端口，也就是访问宿主机的 4545 端口，就会自动跳转到 nginx 容器的 80 端口，也就是 nginx 的入口
# -v 是挂载目录，它会让容器和宿主机共享目录，我们把静态资源放在 /home/ftpadmin/health/images，容器内的路径 /images 也会更新静态资源，记得改成自己的真实路径
# 由于容器内没有 vim 和 vi ，甚至没有 yum ，所以我们无法在容器内修改，那么可以选择 将外部的 nginx 配置文件覆盖容器内的配置文件
挂载命令
docker run --name images_nginx -p 4545:80 -v /home/ftpadmin/health/images:/images -v /home/ftpadmin/health/nginx.conf:/etc/nginx/nginx.conf -d nginx
可以用Xftp上传几个图片
可以测试一下，图片是否可以访问啦
http://ip:4545/image.png
基于Springboot搭建图片服务器
nginx已经准备完成啦，那么现在我们要开始实现资源的上传
pom.xml
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.1.7.RELEASE</version>
</parent>
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
<version>2.1.7.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<version>2.1.7.RELEASE</version>
<scope>test</scope>
</dependency>
<!-- Apache工具组件 -->
<dependency>
<groupId>org.apache.commons</groupId>
<artifactId>commons-lang3</artifactId>
<version>3.8.1</version>
</dependency>
<dependency>
<groupId>org.apache.commons</groupId>
<artifactId>commons-io</artifactId>
<version>1.3.2</version>
</dependency>
<dependency>
<groupId>commons-net</groupId>
<artifactId>commons-net</artifactId>
<version>3.6</version>
</dependency>
<!-- 文件上传组件 -->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.3</version>
</dependency>
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<version>1.16.22</version>
</dependency>
<dependency>
<groupId>com.jcraft</groupId>
<artifactId>jsch</artifactId>
<version>0.1.54</version>
</dependency>
<dependency>
<groupId>joda-time</groupId>
<artifactId>joda-time</artifactId>
<version>2.10.3</version>
</dependency>
</dependencies>
application.yml
ftp:
host: 自己服务器ip
userName: 服务器账号
password: 服务器密码
port: 22
rootPath: /usr/nginx/image
img:
url: http://ip:4545 # ftp.img.url 可以不添加，这里只是为了上传文件成功后返回文件路径
工具类 FtpUtil.class
import com.fehead.community.error.BusinessException;
import com.fehead.community.error.EmBusinessError;
import com.jcraft.jsch.*;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;
import java.io.InputStream;
import java.util.Properties;
@Component
@Slf4j
public class FtpUtil {
//ftp服务器ip地址
@Value("${ftp.host}")
private String host;
//端口
@Value("${ftp.port}")
private Integer port;
//用户名
@Value("${ftp.userName}")
private String userName;
//密码
@Value("${ftp.password}")
private String password;
//存放图片的根目录
@Value("${ftp.rootPath}")
private String rootPath;
//存放图片的路径
@Value("${ftp.img.url}")
private String imgUrl;
//获取链接
private ChannelSftp getChannel() throws JSchException {
JSch jSch=new JSch();
//->ssh root@host:port
Session sshSession=jSch.getSession(userName,host,port);
//密码
sshSession.setPassword(password);
Properties sshConfig=new Properties();
sshConfig.put("StrictHostKeyChecking", "no");
sshSession.setConfig(sshConfig);
sshSession.connect();
Channel channel=sshSession.openChannel("sftp");
channel.connect();
return (ChannelSftp) channel;
}
//ftp上传图片
public String putImages(InputStream inputStream,String imagePath,String imagesName) throws JSchException, SftpException, BusinessException {
try {
ChannelSftp sftp = getChannel();
String path = rootPath + imagePath + "/";
//创建目录
createDir(path, sftp);
//上传文件
sftp.put(inputStream, path + imagesName);
log.info("上传成功！");
sftp.quit();
sftp.exit();
//处理返回的路径
String resultFile;
resultFile = imgUrl + imagePath + imagesName;
return resultFile;
}catch (Exception e){
log.info("上传失败");
throw new BusinessException(EmBusinessError.IMAGE_INSERT_ERROR);
}
}
//创建目录
private void createDir(String path,ChannelSftp sftp) throws SftpException {
String[] folders=path.split("/");
sftp.cd("/");
for(String folder:folders){
if(folder.length()>0){
try{
sftp.cd(folder);
}catch (SftpException e){
sftp.mkdir(folder);
sftp.cd(folder);
}
}
}
}
}
工具类IDUtils.class(修改上传图片名)
import java.util.Random;
public class IDUtils {
/**
* 生成随机图片名
*/
public static String genImageName() {
//取当前时间的长整形值包含毫秒
long millis = System.currentTimeMillis();
//加上三位随机数
Random random = new Random();
int end3 = random.nextInt(999);
//如果不足三位前面补0
String str = millis + String.format("%03d", end3);
return str;
}
}
NginxService.class
import com.wzy.util.FtpUtil;
import com.wzy.util.IDUtils;
import lombok.extern.slf4j.Slf4j;
import org.joda.time.DateTime;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;
import java.io.IOException;
import java.io.InputStream;
/**
* @Package: com.wzy.service
* @Author: Clarence1
* @Date: 2019/10/4 21:34
*/
@Service
@Slf4j
public class NginxService {
public Object uploadPicture(MultipartFile uploadFile) {
//1、给上传的图片生成新的文件名
//1.1获取原始文件名
String oldName = uploadFile.getOriginalFilename();
//1.2使用IDUtils工具类生成新的文件名，新文件名 = newName + 文件后缀
String newName = IDUtils.genImageName();
assert oldName != null;
newName = newName + oldName.substring(oldName.lastIndexOf("."));
//1.3生成文件在服务器端存储的子目录
String filePath = new DateTime().toString("/yyyyMMdd/");
//2、把图片上传到图片服务器
//2.1获取上传的io流
InputStream input = null;
try {
input = uploadFile.getInputStream();
} catch (IOException e) {
e.printStackTrace();
}
//2.2调用FtpUtil工具类进行上传
return FtpUtil.putImages(input, filePath, newName);
}
}
NginxController.class
import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.wzy.service.NginxService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;
import java.util.HashMap;
import java.util.Map;
@RestController
@Slf4j
public class NginxController {
@Autowired
private NginxService nginxService;
/**
* 可上传图片、视频，只需在nginx配置中配置可识别的后缀
*/
@PostMapping("/upload")
public String pictureUpload(@RequestParam(value = "file") MultipartFile uploadFile) {
long begin = System.currentTimeMillis();
String json = "";
try {
Object result = nginxService.uploadPicture(uploadFile);
json = new ObjectMapper().writeValueAsString(result);
} catch (JsonProcessingException e) {
e.printStackTrace();
}
long end = System.currentTimeMillis();
log.info("任务结束，共耗时：[" + (end-begin) + "]毫秒");
return json;
}
@PostMapping("/uploads")
public Object picturesUpload(@RequestParam(value = "file") MultipartFile[] uploadFile) {
long begin = System.currentTimeMillis();
Map<Object, Object> map = new HashMap<>(10);
int count = 0;
for (MultipartFile file : uploadFile) {
Object result = nginxService.uploadPicture(file);
map.put(count, result);
count++;
}
long end = System.currentTimeMillis();
log.info("任务结束，共耗时：[" + (end-begin) + "]毫秒");
return map;
}
}
PostMan测试
然后复制下方链接，就可以访问啦
