AYY的Minio

Minio的官方客户端使用时必须依赖node.js, 无法在vite项目中使用, 此项目把minio的使用打包为纯js,可以在浏览器中直接调用minio的客户端

安装:

pnpm add @deary/minio

or

npm i @deary/minio

or

yarn add @deary/minio

在vue3(vite)中使用

<template>
  <div id="nav">
    <p>vite中import使用miniojs上传文件</p>
    <input ref="input" type="file" @change="handleFiles" />
  </div>
</template>
<script lang="ts">
import { initMinio, putObject } from '@deary/minio'

export default {
  methods: {
    handleFiles(event: any) {
      var f = event.target.files[0]
      let reader = new FileReader()
      reader.readAsArrayBuffer(f)
      reader.onload = function (e: any) {
        let res = e.target.result //ArrayBuffer
        //先初始化
        initMinio({
          endPoint: '192.168.2.98',
          port: 9002,
          useSSL: false,
          accessKey: 'admin',
          secretKey: '12345678',
        })
        //再上传
        putObject('act', res, f.name, function (err, data) {
          if (err) console.log(err)
          else {
             console.log('上传完成')
          }
        })
      }
    },
  },
}
</script>

使用说明

• 在控制端可以设置bucket为public, 就可以拼接出资源的永久访问连接: http://ip:port/bucketname/filename
• 文件名一定要重命名好, 上传了相同的文件名会覆盖之前的文件

直接使用Minio

如果上面封装的方法不满足, 可以直接使用Minio

import { Minio } from '@deary/minio'

var minioClient = new Minio.Client(MinioConfig);
......

关键字:

@ayy utils @deary/minio ayy

forked from 包子大叔/MinioJs