Supabase Storage Usage Memo

Supabase란

공식 문서 꼭 봐주세요.

Storage Usage

Storage의 기본 조작은 대체로 비망록의 정도를 유지한다.
※ supabase client 초기화 등을 전제로

업로드

from.upload()e.g.avatars통에 올리기

const avatarFile = event.target.files[0]
const { data, error } = await supabase
  .storage
  .from('avatars')
  .upload('public/avatar1.png', avatarFile, {
    cacheControl: '3600',
    upsert: false
  })

Parameter

path(required)
type: string상대 파일 경로입니다.
올리기 전에 통을 만들어야 해요.
fileBody(required)
type: ArrayBuffer | ArrayBufferView | Blob | File | FormData | ReadableStream | URLSearchParams | string말 속에 저장된 파일의 본체입니다.
fileOptions(optional)
type: FileOptions: { cacheControl?: string contentType?: string upsert?: boolean }cache Control: Cache-Control: max-age=<seconds> 캐시의 초
contentType: 기본값text/plain;charset=UTF-8upsert 진행 여부
e.gbase64 파일 업로드

import {decode} from 'base64-arraybuffer'

const { data, error } = await supabase
  .storage
  .from('avatars')
  .upload('public/avatar1.png', decode('base64FileData'), {
    contentType: 'image/png'
  })

다운로드

from.download()
e.g.avatars 물통에서 파일 다운로드

const { data, error } = await supabase
  .storage
  .from('avatars')
  .download('folder/avatar1.png')

Parameter

path(required)
type: string다운로드할 파일 경로

삭제

from.remove()
e.g.avatars 통에서 파일 삭제

const { data, error } = await supabase
  .storage
  .from('avatars')
  .remove(['folder/avatar1.png'])

Parameter

paths(required)
type: string[]삭제할 파일 배열.