相关疑难解决方法(0)

如何从本地目录加载图像并将其包含在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'}.

我输入以下内容来导入图像。需要一个简短的方法来做到这一点。

import banner1 from "./imgs/Banners/banner1.jpg"
import banner2 from "./imgs/Banners/banner2.jpg"
import banner3 from "./imgs/Banners/banner3.jpg"
import banner4 from "./imgs/Banners/banner4.jpg"
import banner5 from "./imgs/Banners/banner5.jpg"
import banner6 from "./imgs/Banners/banner6.jpg"
import banner7 from "./imgs/Banners/banner7.jpg"
import banner8 from "./imgs/Banners/banner8.jpg"
import banner9 from "./imgs/Banners/banner9.jpg"
.
.
.
import banner(n) from "./imgs/Banners/banner(n).jpg"