Next.js Discord

Discord Forum

Fetch Image API returns empty blob

Unanswered
Asian paper wasp posted this in #help-forum
Open in Discord
Asian paper waspOP
import { NextRequest, NextResponse } from 'next/server';
import postData from "@src/utils/helpers/postData";
import getData from '@src/utils/helpers/getData';
const {encode, decode} = require('uint8-to-base64');

export async function POST(req: NextRequest) {
    try {
        const data = await req.json();
        const emoteList = data.emoteList
        for (const emote in emoteList){
            const { url, type } = emoteList[emote];
            console.log(url);
            let file = await fetch(url).then(r => r.blob()).then(blobFile => new File([blobFile], emote, { type: type }))
        }
        return NextResponse.json({ message: 'POST request successful', data }, {status: 200})
    } catch (error) {
        console.log(error)
        return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 })
    }
}

Return function
 const handleAddToDiscord = async () => {
    const res = await postData(`/api/engagement/add-to-discord`, {emoteList: emoteList})
    console.log(res.data)
  }

3 Replies

Asian paper waspOP
i also tried
 let blob = await fetch(url).then(r => r.blob());
            emoteList[emote]['file'] = blob;
Asian paper waspOP
nvm i fixxed it
used array buffer instead