vue3使用minio

Vue3可以使用Minio来实现文件上传功能。在Vue3中，可以使用Minio的JavaScript客户端来连接Minio服务器并上传文件。具体步骤如下：
1. 在Vue3项目中安装Minio的JavaScript客户端。
2. 在Vue3组件中引入Minio客户端，并创建Minio客户端对象。
3. 在文件上传事件中，使用FileReader读取文件内容，并将其转换为Buffer类型。
4. 调用Minio客户端对象的putObject方法上传文件到Minio服务器。

下面是一个简单的Vue3组件示例，演示了如何使用Minio上传文件：

<template>
  <div>
    <input type="file" @change="handleFileUpload">
  </div>
</template>

<script>
import * as Minio from 'minio'

export default {
  methods: {
    handleFileUpload(event) {
      const file = event.target.files[0]
      const reader = new FileReader()
      reader.readAsArrayBuffer(file)
      reader.onload = () => {
        const buffer = Buffer.from(reader.result)
        const minioClient = new Minio.Client({
          endPoint: 'minio.example.com',
          port: 9000,
          useSSL: true,
          accessKey: 'ACCESS_KEY',
          secretKey: 'SECRET_KEY'
        })
        minioClient.putObject('my-bucket', file.name, buffer, (err, etag) => {
          if (err) {
            console.log(err)
          } else {
            console.log('File uploaded successfully.')
          }
        })
      }
    }
  }
}
</script>