SpringBoot整合Minio完成图片上传

1 minio服务器

minio服务器主要功能：保存文件【可以图片、ppt、xsl】

1、MinIo简介

Minio 是个基于 Golang 编写的开源对象存储套件，虽然轻量，却拥有着不错的性能。

官网地址：MinIO | High Performance, Kubernetes Native Object Storage
中文官网地址：http://www.minio.org.cn

中文文档对应的是上个版本，新版本中有些内容已发生了变化，所以最好是看英文文档。
JAVA SDK API：minio java sdk api 文档

何为对象存储？

对象存储服务（ Object Storage Service，OSS ）是一种海量、安全、低成本、高可靠的云存储服务，适合存放任意类型的文件。容量和处理能力弹性扩展，多种存储类型供选择，全面优化存储成本。

对于中小型企业，如果不选择存储上云，那么 Minio 是个不错的选择，麻雀虽小，五脏俱全。

2、安装MinIo

a、下载安装

Windows 版下载地址：windows-amd64 版按惯例，我们将下载的 minio.exe 放在 C:\ProgramFiles\MinIO 下，因此，MINIO_HOME 就是 C:\ProgramFiles\MinIO

b、安装minio

1、下载 MinIO

安装wget:
	yum -y install wget   #由于需要用到wget命令，所以要先安装wget

创建minio目录:
    mkdir -p /usr/local/minio
    mkdir -p /usr/local/minio/bin
    mkdir -p /usr/local/minio/data
    
进入/usr/local/minio/bin执行如下命令:
	wget https://dl.minio.org.cn/server/minio/release/linux-amd64/minio
	
赋予它可执行权限: 进入到/usr/local/minio/bin中执行如下命令
	chmod +x minio

在usr/local下创建minio文件夹，并在minio文件里面创建bin和data目录，把下载好的minio文件拷贝到bin目录里面

2、将 minio 添加成 Linux 的服务

cat > /etc/systemd/system/minio.service << EOF
[Unit]
Description=Minio
Wants=network-online.target
After=network-online.target
AssertFileIsExecutable=/usr/local/minio/bin/minio

[Service]
WorkingDirectory=/usr/local/minio/
PermissionsStartOnly=true
ExecStart=/usr/local/minio/bin/minio server /usr/local/minio/data
ExecReload=/bin/kill -s HUP $MAINPID
ExecStop=/bin/kill -s QUIT $MAINPID
PrivateTmp=true

[Install]
WantedBy=multi-user.target
EOF

这样就可以使用 systemctl 启停 minio

systemctl start minio   # 启动
systemctl stop minio    # 停止
systemctl enable minio  #设置自动开启
systemctl status minio # 查看服务运行状态

c、启动运行

输入用户名/密码 minioadmin/minioadmin 可以进入 web 管理系统：

c、创建桶

刚打开的时候，是没有bucket桶，可以手动或者通过java代码来创建一个桶。

创建的桶默认的权限时private私有的，外部不能访问，你可以修改桶的属性，点击manage，找到Access Policy，修改权限为public即可。

e、上传文件到桶

f、关停 MinIO

通过命令行启动 MioIO 后，命令行窗口就被占用了。关闭命令行窗口即关闭 MioIO ，也可以使用 ctrl + c 关闭

2 Springboot整合minio

添加minio整合所需的依赖

com.squareup.okhttp3

okhttp

4.8.1

io.minio

minio

8.3.9
设置minio服务器信息

#minio配置

minio:

endpoint: http://127.0.0.1:9000

accesskey: minioadmin

secretKey: minioadmin

创建minion配置类

/**

* minio配置类

@Configuration

@Data

@ConfigurationProperties(prefix = "minio")

public class MinIoConfig {

private String endpoint;

private String accesskey;

private String secretKey;

    /**
     * 创建MinioClient对象
     * @return
     * @throws Exception
     */
    @Bean
    public MinioClient minioClient() throws Exception {
        return MinioClient.builder().endpoint(endpoint)
                .credentials(accesskey, secretKey).build();
    }
}

测试整合结果

3 案例：用户头像上传

文件上传是日常项目中非常常规且常用的一个功能。主要的功能就是将客户端的文件保存到服务器，以便于资源的"浏览"。怎么实现文件上传呢？SpringMvc中提供了对应的文件上传解析器，按照给定要求，在SpringMvc的环境下，我们可以很方便的实现上传功能。

文件上传注意事项

form 表单的 enctype 取值必须是：multipart/form-data(默认值是:application/x-www-form-urlencoded)
method 属性取值必须是 post
提供一个文件选择域，HTML5原生html中，利用

不过，元素file标签，外观单一，企业级应用中更多的会选择使用外观更加丰富的一些"组件"，比如在element-ui的el-upload组件

el-upload上传组件常用属性

<el-upload
           class="avatar-uploader" action="#"
           :show-file-list="false"
           :before-upload="beforeAvatarUpload"
           :http-request="doUploadImage">
    <img v-if="imageUrl" :src="imageUrl" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>

文件上传组件常用属性

action:设置文件上传控制器url地址，属于同步请求提交方式。必备属性
http-request:设置实现上传请求发送的自定义函数名，若要实现自定义上传方式，必须使用http-requeset
:before-upload:处理图片上传过程的钩子，该属性处理图片上传之前的功能。其值设置一个函数，参考上述案例代码：可以判断上传文件的格式和大小

axios.post提交上传请求

因为文件上传的格式必须是：multipart/formdata格式，所以axios.post处理文件上传时，参数较以前的使用，略有变化，具体代码参考如下：

doUpload(file){//file 获取用户选择封面图片
    console.log("file",file.file);
    //将用户选择的图片内容封装为formdata类型，才能交给控制器处理
    let formData=new FormData();
    formData.append("face",file.file);
    axios.post("/user/do-upload",formData,{contentType:'multipart/form-data'})
        .then(resp=>{
        if(resp.data.status===200){
            alert("文件上传成功"+resp.data.msg);
        }else{
            alert("文件上传失败");
        }
    });

代码解读

FormData是JavaScript提供的一个对象类型，作用封装multipart/form-data格式数据。
formData对象的append()方法，可以以key：value格式存入数据，控制器在后台以key获取对应的值

contentType:'multipart/form-data'设置axios.post提交数据格式。
因为axios.post默认提交格式是jsonstring，此处需要手动显式设置数据提交格式：contentType:'multipart/form-data'

Controller控制器后端处理上传请求

Springmvc处理文件上传请求时，因为请求体提交数据的格式不再是传统的jsonstring或querystring格式，所以，控制器在处理上传请求前，需要先配置文件上传解析器。具体流程如下所示：

pom.xml导入文件解析器依赖

commons-fileupload commons-fileupload 1.4 commons-io commons-io 2.10.0
application.yml配置文件上传解析器

Spring:

servlet:

multipart:

max-file-size: 30MB #单个文件的最大上限

max-request-size: 60MB #单个请求的文件总大小上限
Controller处理上传请求

@PostMapping("/do-upload")

public ResponseResult doUploadImage(

@RequestParam(value = "aa",required = true,defaultValue = "") MultipartFile image

) {

log.info("用户提交的图书：{}",image);

//保存文件到minio服务器即可

String bucketName="woniu-mall";

//1-1 创建桶

minIoUtil.createBucket(bucketName);

//1-2 上传文件

String oldName = image.getOriginalFilename();

//文件名称

String firstName = UUID.randomUUID().toString().replace("-", "");

//文件后缀名

String lastName = oldName.substring(oldName.lastIndexOf("."));

//新的文件名称

String fileName="goods/"+firstName+ lastName;

minIoUtil.putObject(bucketName,image,fileName,image.getContentType());

//1-3 获取外链

String objectUrl = minIoUtil.getObjectUrl(bucketName, fileName);

return new ResponseResult(200,"上传成功！",objectUrl);

}

处理上传后的响应结果

Minio操作工具类

基于Springmvc整合Minio时，我们在MinioConfig中注入过MinioClient对象，而MinioClient对象就是操作minio服务器的核心对象，该对象提供了在minio服务器上创建桶、上传文件，分享外链给用户使用的功能。为了便于日常的开发使用，我们将这些功能封装成MinioUtil工具类，开发人员结合开发需求，调用对应方法完成需求即可。工具类的具体代码如下所示：

@Slf4j //日志管理工具
@Component
public class MinIoUtil {
    @Autowired
    private MinioClient minioClient;

    /**
     * 创建桶
     * @param bucketName 桶名
     */
    public void createBucket(String bucketName) {
        BucketExistsArgs bucketExistsArgs = BucketExistsArgs.builder().bucket(bucketName).build();
        MakeBucketArgs makeBucketArgs = MakeBucketArgs.builder().bucket(bucketName).build();

        try {
            if (minioClient.bucketExists(bucketExistsArgs)) {
                return;
            }
            minioClient.makeBucket(makeBucketArgs);
        } catch (Exception e) {
            //跟sout作用一样，在控制台输出程序执行信息
            log.error("创建桶失败：", e.getMessage());
            throw new RuntimeException(e);
        }
    }

    /**
     * 通过 MultipartFile ，上传文件
     *
     * @param bucketName 存储桶
     * @param file       文件
     * @param objectName 对象名（文件名）存入桶时，文件新命名：唯一不重复
     * @param contentType   文件类型 文件上传时格式
     */
    public ObjectWriteResponse putObject(String bucketName, MultipartFile file, String objectName, String contentType) {
        try {
            //调用创建桶方法
            createBucket(bucketName);
            //获取文件输入流
            InputStream inputStream = file.getInputStream();
            PutObjectArgs args = PutObjectArgs.builder()
                    .bucket(bucketName)
                    .object(objectName)
                    .contentType(contentType)
                    .stream(inputStream, inputStream.available(), -1)
                    .build();
            return minioClient.putObject(args);
        } catch (ErrorResponseException | InsufficientDataException | InternalException | InvalidKeyException |
                InvalidResponseException | IOException | NoSuchAlgorithmException |
                ServerException | XmlParserException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 获取⽂件外链
     *
     * @param bucketName bucket名称
     * @param objectName ⽂件名称
     * @param expires    过期时间 <=7
     * @param timeUnit 有效期时间单位
     */
    public String getObjectUrl(String bucketName, String objectName, Integer expires, TimeUnit timeUnit) {
        GetPresignedObjectUrlArgs args = GetPresignedObjectUrlArgs.builder()
                .method(Method.GET)
                .bucket(bucketName)
                .object(objectName)
                .expiry(expires,timeUnit)// 单位：默认是，秒
                .build();
        try {
            String url=minioClient.getPresignedObjectUrl(args);
            return getImgUrl(url);
        } catch (ErrorResponseException | InsufficientDataException | InternalException |
                InvalidResponseException | InvalidKeyException | NoSuchAlgorithmException |
                IOException | XmlParserException | ServerException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 获取⽂件外链
     *
     * @param bucketName bucket名称
     * @param objectName ⽂件名称
     */
    public String getObjectUrl(String bucketName, String objectName) {
        GetPresignedObjectUrlArgs args = GetPresignedObjectUrlArgs.builder()
                .method(Method.GET)
                .bucket(bucketName)
                .object(objectName)// 单位：默认是，秒
                .build();
        try {
            String url=minioClient.getPresignedObjectUrl(args);
            return getImgUrl(url);
        } catch (ErrorResponseException | InsufficientDataException | InternalException |
                InvalidResponseException | InvalidKeyException | NoSuchAlgorithmException |
                IOException | XmlParserException | ServerException e) {
            throw new RuntimeException(e);
        }
    }

    /**
     * 处理图片上传后外链地址
     * 只获得url端口号以后的内容
     * @param urlStr
     * @return
     */
    private String getImgUrl(String urlStr){
        if(urlStr.isEmpty()){
            return "";
        }

        Pattern pattern = Pattern.compile("\\?"); //通过正则找字符串中的?
        Matcher matcher = pattern.matcher(urlStr); //正则表达式比对器
        if (matcher.find()){
            int seartIndex = matcher.end();  //获得?开始的位置
            if(seartIndex!=-1){
                urlStr=urlStr.substring(0,seartIndex-1);
            }
        }

        Pattern pattern1 = Pattern.compile(":\\d{1,5}"); //通过正则找字符串中的端口
        Matcher matcher1 = pattern1.matcher(urlStr); //正则表达式比对器
        if (matcher1.find()){
            int endIndex = matcher1.end();  //获得正则表达式规则结束字符串的位置
            if(endIndex!=-1){
                return  urlStr.substring(endIndex);
            }
        }
        return "";
    }
}

4 常见问题

商品列表：表格图片无法正常显示问题

用户头像显示问题：element组件中el-table默认循环时，没有给每一行指定key，用于标识数据渲染的位置，所以在使用el-avatar显示图片时，会出现图片url地址正确的情况下，图片无法正常显示问题，

解决方案有以下两种：

修改商品信息时：设置图片回显

在商品信息管理时，我们可能会对商品的封面照片进行修改。那么当我们点击"修改"按钮进入到商品修改页面时，一般情况，需要默认显示商品"旧"图片的信息。el-upload组件如何设置默认显示的图片呢？在修改页面初始化数据时，给el-upload组件的imageUrl赋值即可完成