NextJS Image src Ipfs link Error,next.js13

js81xvg6  于 2023-10-18  发布在  其他
关注(0)|答案(1)|浏览(96)

我上传img到ifps并成功获得cid。我通过Chrome访问此ipfs链接,img dom src正常,但在下一个图像中失败。原因:连接EIMEDOUT。为什么?怎么解决?

setImageUrl(`https://ipfs.io/ipfs/${cid}`)
{imageUrl && <Image src={imageUrl} className="rounded-3xl" layout="fill" objectFit="cover" alt='加载失败' />}

希望能帮到我,谢谢

vecaoik1

vecaoik11#

我也遇到了同样的问题,使用下面的方法来加载图像

const [src, setSrc] = useState('');

      useAsyncEffect(async ()=> {
        let response = await fetch('https://ipfs.io/ipfs/QmWUYn8w1tXKXWrx7KHEC5ofAtUkGyThVHBRSgy8R8bLad') as Blob;
        const blob = await response.blob();
        const objectURL = URL.createObjectURL(blobData);
        setSrc(objectURL)
      }, [setSrc])

    return(
      <Image
        loading='lazy'
        width={380}
        height={542}
        src={src}
        alt={raffle.Name}
      />
     )

希望有帮助

相关问题