ipfs) blob 데이터 이미지 불러오기

const metadataUri = "http://~IMAGE_URL"
const metadata = await Axios.get(String(metadataUri));

let imageUri = (metadata.data as any).image;
if (imageUri.indexOf("ipfs://") == 0) {
    imageUri = imageUri.replace("ipfs://", "https://ipfs.io/ipfs/");
}

if (imageUri.indexOf("data:application/json;base64") == 0) {
    imageUri = "";
}

ipfs://는 blob데이터로 불러와진다.

해당 uri를 변경해주면 원본 이미지를 볼 수 있다. 

용량이 매우 크니 주의할 것.

 

base64로 떨어지는 uri는 예외처리했다.