<Image source = {require（“”）} />不能正确显示？

debugcn 发表于 Dev

好玩的

我很困惑，没有显示我的图片。

这可以工作，但是有点太静态了。上传文件时，我需要动态更新个人资料图片。

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] 删除。

编辑于2021-04-9

我来说两句

0条评论

登录后参与评论

来自分类Dev

<Image source = {require（“”）} />不能正确显示？

来自分类Dev

<Image source = {require（“”）} />不能正确显示？

来自分类Dev

<Image source = {require（“”）} />不能正确显示？

来自分类Dev

未显示位图的Image.Source

来自分类Dev

如何正确绑定MVVM中的Image.Source？

来自分类Dev

指令不能“ require：ngRepeat”

来自分类Dev

将Image.Source绑定到System.Drawing.Image不显示

来自分类Dev

为什么将图像路径绑定到Image.Source不能按这种方式工作

来自分类Dev

如何在Xamarin.Forms中正确使用Image Source属性？

来自分类Dev

如何正确使用PHP require

来自分类Dev

合格的Double不能正确显示

来自分类Dev

GetTime不能正确显示零

来自分类Dev

wxpython gui不能正确显示

来自分类Dev

NgStrap的Aside不能正确显示

来自分类Dev

合格的Double不能正确显示

来自分类Dev

How to get Image.Source as string

来自分类Dev

ObjectDisposedException when I try to use an Image source

来自分类Dev

ImageButton: Mipmap source image not stretching to fill button

来自分类Dev

动画，Image.Source和绑定

来自分类Dev

将 BitmapImage 转换为 Image.Source

来自分类Dev

WPF Image.Source 什么都不做

来自分类Dev

当 Image.Source 为空时不渲染 Image

来自分类Dev

在使用require（'express'）时显示错误

来自分类Dev

[RAILS] image_tag仅通过正确的路径显示

来自分类Dev

终端+ SSH不能正确显示UTF

来自分类Dev

Gridview不能正确显示为Listview的标题

来自分类Dev

Phoenix不能正确显示负整数

来自分类Dev

终端+ SSH不能正确显示UTF

来自分类Dev

显示Xamarin表单StackList不能正确呈现

Related 相关文章

文章