我很困惑,没有显示我的图片。
这可以工作,但是有点太静态了。上传文件时,我需要动态更新个人资料图片。
import picture from "../../images/public/600bc441b2b2b62c542bd135profilepicture.jpg";
return(
<div>
<Image className={"profilepicture"} source={picture} alt={"pic"} />
</div>
)
所以我用Backend-Axios-Call实现了它,如下所示:
const [mapimages, setMapImages] = useState(null);
useEffect(() => {
axios.get(API_BASE_URL + '/user/images', payload)
.then(function (response) {
if (response.status >= 200 && response.status < 300) {
const files = response.data.files[0];
const requireimg = require("../../images/public/" + files);
setMapImages(<Image source={requireimg} alt={"TEXT"} />);
} else {
alert("error getting images");
}
})
.catch(function (error) {
console.log("DOWNLOAD: " + error);
});
}, []);
return(
<div>
{mapimages}
</div>
)
可悲的是我没有显示图像。它显示了文件的正确路径。
这是我的图像检查器中的路径:
<img alt="TEXT" class="profilepicture" source="/static/media/600bc441b2b2b62c542bd135profilepicture.8a22cb97.jpg">
然后从
http://localhost:3000/#/profile
到
http://localhost:3000/static/media/600bc441b2b2b62c542bd135profilepicture.8a22cb97.jpg
还显示图像。
我一无所知,因为这以前有用。我只是忘了把它推到git :(
您应该尝试在图片标签中用“ src”替换“ source”
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句