Fetch Image API returns empty blob
Unanswered
Asian paper wasp posted this in #help-forum
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