來自已給定圖像 Blob URL 的圖像 Blob URL

Question

我對圖像 blob 有疑問，是否可以使用給定的圖像 blob URL 創建圖像 blob URL？ 我創建了一個新的圖像 blob URL 並嘗試在 img 標簽上使用它，但它不起作用：

    useEffect(() => {
        if (socket.current) {
                socket.current.on("msg-recieve", (msg) => {
                const RecieveBlob = new Blob([msg], { type: 'image/jpeg' });
                const RecieveImageURL = URL.createObjectURL(RecieveBlob);
                console.log("msg recieved is ", msg)
                setArrivalMessage({ fromSelf: false, message: msg })
            })
        }
        setNoImage(false)
    }, [])

在此代碼中，msg 是來自服務器的圖像 blob URL，我想在頁面中顯示該圖像。 因此，我從中創建了新的 Image blob。 但是，當我使用新的 Image blob 時，它不起作用。

如果有人知道為什么請幫助我，謝謝。

Answer 1

如果 msg 是String你不應該把它放在方括號中因為它使它成為[String]或字符串數組所以試試這個：

而不是： const RecieveBlob = new Blob([msg], { type: 'image/jpeg' }) ;

寫入： const RecieveBlob = new Blob(msg, { type: 'image/jpeg' }) ;

PS但我認為您可以首先使用 blob URL 並將其設置為圖像源，它會起作用。