Bootstrap

通过异步上传图片到minio

依赖

<dependency>
            <groupId>com.squareup.okhttp3</groupId>
            <artifactId>okhttp</artifactId>
            <version>4.8.1</version> <!-- minio 依赖于 okhttp 且版本较高。注意,spring-boot-dependencies 中的不够高 -->
        </dependency>
        <dependency>
            <groupId>io.minio</groupId>
            <artifactId>minio</artifactId>
            <version>8.3.9</version>
        </dependency>

配置文件

server:
    port: 8989
spring:
    application:
        name: my-minio
    servlet:
        multipart:
            max-file-size: 200MB  #设置单个文件的大小  因为springboot内置tomact的的文件传输默认为10MB
            max-request-size: 500MB   #设置单次请求的文件总大小
            enabled: true    #千万注意要设置该参数,否则不生效

# minio 文件存储配置信息
minio:
    endpoint: http://127.0.0.1:9000
    accesskey: minioadmin
    secretKey: minioadmin

网页界面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>

<div id="app">
    <form>
        文件:<input type="file" id="pic" name="pic"><input type="button" value="上传" @click="btnUpload
;