大家是怎么处理动态加载静态图片的问题的?

#1

想请教一个问题:
webpack打包图片的时候要求require后面接的是一个字符串,在打包阶段这个地址是需要确定的(而不是动态生成的).那么当我们需要引用一个动态的图片的地址的话应该怎么做呢?
例如,在页面中展示一列图片,具体展示哪些图片是请求后台后才得知要展示哪些的,那这时如何处理好打包时候需要确定图片路径和动态获取图片并展示的矛盾呢?多谢指教!~

1 Like
#2

从后台获取图片地址,不需要打包

#3

感谢回复.可是如果不打包的话,图片好像就不在webpack指定output的path的文件夹下面了.图片也是属于这个项目的文件,如果不集中在一起会不会不太优雅,不知道有没有更好的办法

#4

明白你的意思了,你可以
const images = [ require(‘xxx’), require(‘xxx’), require(‘xxx’) ]
后台返回要显示的图片标识,你就从数组里取对应的图片

#5

明白啦~多谢指教~:slight_smile:

#6

图片托管到云上(如七牛云),从后台获取图片地址。