Загрузить образ в хранилище Supabase с помощью API-интерфейсов хранилища

Я рад, что нашел еще одного поклонника Supabase, такого как я!

Я слышу твою боль. Не могли бы вы попробовать эту технику для преобразования строки с основанием 64 в объект blob?

const byteCharacters = atob(b64Data);

const byteNumbers = new Array(byteCharacters.length);
for (let i = 0; i < byteCharacters.length; i++) {
    byteNumbers[i] = byteCharacters.charCodeAt(i);
}

const byteArray = new Uint8Array(byteNumbers);

const blob = new Blob([byteArray], {type: contentType});        

Переменная большого двоичного объекта в конце — это переменная, которую можно использовать для загрузки в Supabase.

Кроме того, рассматривали ли вы возможность использования Supabase-js SDK? Это сделает вашу жизнь намного проще, поскольку они предоставляют улучшенный API для взаимодействия с Supabase.

Вы можете получить пакет supabase-js здесь: https://www.npmjs.com/package/@supabase/supabase-js

И вы можете найти пример кода здесь: https://supabase.io/docs/reference/javascript/storage-from-upload

В вашем случае вы можете сделать что-то вроде этого, чтобы загрузить файл:

const { data, error } = await supabase
  .storage
  .from('avatars')
  .upload('public/sample.png', blob, {
    cacheControl: 3600,
    upsert: false
  })