JavaScript: 上传文件

将文件上传至现有存储桶。

• 所需RLS策略权限：
  • buckets表权限：无
  • objects表权限：上传新文件时仅需insert权限，执行文件upsert操作时需要select、insert和update权限
• 关于访问控制工作原理，请参阅存储指南
• 对于React Native，使用Blob、File或FormData无法达到预期效果。请改用base64文件数据生成的ArrayBuffer上传文件，示例如下。

Parameters

• path

  (Required)

  文件路径，包括文件名。格式应为`文件夹/子文件夹/文件名.png`。尝试上传前存储桶必须已存在。

• fileBody

  (Required)

  要存储在存储桶中的文件主体内容。

• fileOptions

  (Optional)

Examples

上传文件

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

使用base64文件数据生成的`ArrayBuffer`上传文件

import { decode } from 'base64-arraybuffer'

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