如何从本地目录加载图像并将其包含在reactjs img src
标记中?
我one.jpeg
在与组件相同的文件夹中有一个名为的图像,<img src="one.jpeg" />
并且<img src={"one.jpeg"} />
在render
函数中都尝试了这两个图像,但该图像未显示。另外,webpack config
由于该项目是使用官方create-react-app
命令行util 创建的,因此我无权访问文件。
更新:如果我首先导入图像import img from './one.jpeg'
并在内部使用它img src={img}
,则此方法有效,但是我要导入的图像文件太多,因此,我想以形式使用它们img src={'image_name.jpeg'}
。
As some mentioned in the comments, you can put the images in the public folder. This is also explained in the docs of Create-React-App: https://create-react-app.dev/docs/using-the-public-folder/