如何在html中设置img属性的绝对路径

Posted 2023-03-05

【中文标题】如何在html中设置img属性的绝对路径

【英文标题】：How to set absolute path for img attribute in html

【发布时间】：2022-01-08 22:53:54

【问题描述】：

很抱歉这个愚蠢的问题，但我在我的 django 和 react 应用程序中遇到了问题。 我有一个提供图像名称的端点，但图像保存在我的本地目录中，在我的反应应用程序中，我只想像这样附加文件名 功能条件（道具） 让 src = C:/Users/25191/Desktop/python_projects/doctorsolve/Drsove/media/media/images/HealthCondition/$props.meddata.image

return (
    <>
        <div className="item">
            <a href="#">
                <img src=src  />
                <div className="desc">
                    <p className="medicinename">props.meddata.title</p>
                </div>
            </a>
        </div>
    </>
);

【参考方案1】：

如果问题是如何引用本地文件，则使用文件 URI：

file:///C:/Users/25191/Desktop/python_projects/doctorsolve/Drsove/media/media/images/HealthCondition/$props.meddata.image

【参考方案2】：

试试：

 <img src="" >