이미지 출력 하기

이미지 개별 출력 하기

 const { data } = supabase.storage
      .from("img/dogSelect")//경로
      .getPublicUrl("dog1.png");//파일 명 확장자

https://supabase.com/docs/guides/storage/serving/downloads

이미지를 하나만 출력 할때는 정책을 설정할 필요 없음!

 

 

이미지 리스트로 출력 하기

const imgListHandle = async () => {
    const { data, error } = await supabase.storage
      .from("img") //버켓 아이디
      .list("dogSelect"); //폴더
      console.log("파일 목록:", data);
    if (error) {
      console.error("에러 발생:", error.message);
    } else {
      console.log("파일 목록:", data);
    }
  };

https://supabase.com/docs/reference/javascript/storage-from-list 

 

리스트로 출력을 하려면 정책을 설정 해야한다 위 코드대로 하면 에러가 난다

POST https://zbjwkpzadmxggyahexgv.supabase.co/storage/v1/object/list/img/dogSelect 400 (Bad Request)

왜 에러가 나는지 몰라서 파이어베이스 처럼 설정 문제인가 싶어서 대시보드로 가서

권한을 설정 했다

1. Allow access to JPG images in a public folder to anonymous users
2. Enable read access to everyone

1번은 이미지를 누구나 볼 수 있도록

2번 글을 누구나 볼 수 있도록