我在上傳單個影像的組件中有一個輸入標簽。
<input
type="file"
accept=".png,.jpeg"
onChange={e => dispatch(setProfileImage(e.target.files[0]))}
/>
從我所看到的，在我調度一個動作并通過減速器將它保存到狀態后，影像被保存在狀態中。
我的問題是這樣的：在另一個組件中，我通過 useSelector 訪問狀態中的影像并將其用作影像標簽中的源，但影像看起來已損壞。基本上，我只想能夠使用狀態中保存的影像作為影像標簽的來源。
非常感謝任何解釋、教程或鏈接。我試圖避免使用后端，因為我正在處理的應用程式非常小，不需要一個，但如果這是最簡單的答案，我愿意。
謝謝！
uj5u.com熱心網友回復：
為影像創建一個 url 并將其放在 img 標簽的 src 中：
const ImageUrl = URL.createObjectURL(file);
或者
<img src={URL.createObjectURL(file)} alt={file.name} />
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/366655.html
上一篇：1張影像vs2張并排影像
下一篇：多重繼承-選擇了錯誤的多載