我怎樣才能做到這一點？我如何將作為 Json 加載的 base64 字串顯示到 React JS 中的影像/圖片控制器？我試圖將 base64 字串顯示為影像，在標簽中，它不顯示。
base64 字串完全像這樣保存在我的資料庫中
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiwAAAGlCAIAAABWQjozAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAIzpSURBVHhe7b1tzGVXdedZX6fn88yHfBglUiufZhToiRAZWoEERgmZiUI0otXKi9yR0wwfBkaOR6mxcYzVbkLPEMWm/ATSaQhFqTOxUz0Vp5yexFQZQ xOE'
此代碼從 REST api 獲取代碼
useEffect(() =>{
let userId = localStorage.getItem('userinfo');
fetch('https://m2d3srv.herokuapp.com/api/posts/' userId,
{
method: 'GET',
mode : 'cors',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
}).then((response)=> response.json())
.then((responseJson) =>{
setPosts(responseJson.data);
})
},[]);
這作業正常，沒問題
顯示影像的代碼是這樣看的：
<tr>
<td height="428">
<p align="center"/>
<img border="0" src={URL.createObjectURL(`post.base64str`)} width="100%" height="100%" className="photoMain" />
</td>
</tr>
有什么我做得不對嗎？
uj5u.com熱心網友回復：
這應該足夠了：
<img
border="0"
src={post.base64str}
width="100%" height="100%"
className="photoMain"
/>
uj5u.com熱心網友回復：
我又修好了。
base64str varchar(255) NOT NULL,
更改為
base64str VARCHAR(65538) NOT NULL,
幫我解決了。謝謝大家。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/340204.html