在服务器中安装minio
使用docker在服务器中安装minio，命令如下docker pull minio/minio
创建minio的存储文件mkdir -p ~/minio/data
创建容器并运行
docker run -p 9001:9000 -p 9090:9090 --name minio -v ~/minio/data:/data -e "MINIO_ROOT_USER=admin" -e "MINIO_ROOT_PASSWORD=admin123456" -d quay.io/minio/minio server /data --console-address ":9090"
登录账号为admin,密码为admin123456
使用element-plus插入上传图片的代码
<template><el-uploadclass="avatar-uploader"action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15":show-file-list="false":on-success="handleAvatarSuccess":before-upload="beforeAvatarUpload":headers="headers"><img v-if="imageUrl" :src="imageUrl" class="avatar" /><el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon></el-upload>
</template>注意：action路径要改为自己的后端接口,还需要加上请求头属性
javascript">import { useApp } from '@/pinia/modules/app'
const headers=ref({
token:useApp().authorization.token
})后端实现接口
引入依赖
<dependency><groupId>io.minio</groupId><artifactId>minio</artifactId><version>8.5.2</version> </dependency>
controller
java">public class FileUploadController {@AutowiredFileUploadService fileUploadService;@PostMapping("fileUpload")public Result fileUpload(@RequestParam(value = "file")MultipartFile multipartFile){String fileUrl=fileUploadService.fileUpload(multipartFile);return Result.ok(fileUrl);}
}Service
java">@Service
public class FileUploadServiceImpl implements FileUploadService {@AutowiredMinioProperties minioProperties;@SneakyThrows@Overridepublic String fileUpload(MultipartFile multipartFile) {//客户端MinioClient minioClient= MinioClient.builder().endpoint(minioProperties.getEndpointUrl()).credentials(minioProperties.getAccessKey(), minioProperties.getSecreKey()).build();//判断桶是否存在，如果不存在就创建boolean found= minioClient.bucketExists(BucketExistsArgs.builder().bucket(minioProperties.getBucketName()).build());if (!found){//桶不存在，则创建minioClient.makeBucket(MakeBucketArgs.builder().bucket(minioProperties.getBucketName()).build());}else {System.out.println("minio桶存在");}//设置存储对象String extFileName= FileNameUtils.getExtension(multipartFile.getOriginalFilename());String fileName=new SimpleDateFormat("yyyy/MM/dd/").format(new Date())+ UUID.randomUUID().toString().replace("-","")+"."+extFileName;//参数PutObjectArgs putObjectArgs= PutObjectArgs.builder().bucket(minioProperties.getBucketName()).stream(multipartFile.getInputStream(), multipartFile.getSize(), -1).object("avatar/"+fileName).build();//上传minioClient.putObject(putObjectArgs);return minioProperties.getEndpointUrl()+"/"+minioProperties.getBucketName()+"/"+"avatar/"+fileName;}}
在这里使用了配置文件当中的参数，MinioProperties 读取配置文件当中的参数
java">@Data
@ConfigurationProperties(prefix = "spzx.minio")
@Component// 前缀不能使用驼峰命名
public class MinioProperties {private String endpointUrl;private String accessKey;private String secreKey;private String bucketName;
} #minio参数
spzx:minio:endpointUrl: http://192.168.159.30:9001accessKey: adminsecreKey: admin123456bucketName: spzx
前端实现上传成功后的回显
javascript">//处理上传头像成功
function handleAvatarSuccess(response,file){sysUser.value.avatar=response.data//alert(sysUser.value.avatar)
}
