如何在 Next.js 中添加自定義圖像占位符？

Question

在名為placeholder和blurDataURL的下一個Image組件上有這些屬性，而placeholder有兩個值。 'blur'或'empty' ，沒有其他選項，我想如果我確實將placeholder設置為'blur'並將/cover.svg設置為blurDataURL之類的占位符文件； 它會做的伎倆......但它沒有。 我只得到了那個圖像的模糊版本，這不是我想要的。 我在谷歌上到處搜索，試圖找到一種方法來設置cover.svg作為我的占位符，但我沒有找到答案。

const Comonent = () => {
  return <Image placeholder='blur' blurDataURL='/conver.svg' layout='fill' />
}

Answer 1

閱讀博客，我想你會得到答案https://dev.to/codegino/dynamic-image-placeholder-in-nextjs-5052