React-web 如何引入本地图片数组

#1

这是图片list:

循环输出图片html

如何加载本地数组图片 求解

#2

给图片路径加上 require(’…/…/assets/20170712172704.jpg’)

#3

require引入静态图片路径可以 但是变量不行

#4

放弃这个需求

#5

:joy::joy::joy:

#6

没有不行的,说不行是因为你没有写对,引入本地图片数组是非常常用的需求。

#7

先import 图片进来,后再保存在对象或数组中,就可引用在变量中。
import shanghai_logo from ‘@/asset/images/logo.png’
const shanghai = {
logo:shanghai_logo,
}
export default shanghai

#8

个人建议将所有用到的静态文件放到一个统一的目录下,做一个全局变量对路径进行管理。因为如果图片太大,打包时就只能是路径,并且是一个绝对路径。以后项目部署就会存在访问不了问题。