前端框架是vue,用到了element ui 组件。
现想实现前端加载指定路径下所有照片,照片格式是.jpg。请大神帮忙,万分感激!
用img标签。
const modulesFiles = require.context('../../../assets/externalmetadata', true, /\.svg$/);
console.log(modulesFiles.keys());
上面的可以获取所有文件,遍历加载就行了。
let imgList = [] // 图片列表
const requireComponents = require.context('../../assets/images/', true, /[a-zA-z]+\.jpg$/) // 匹配所有jpg格式文件
requireComponents.keys().forEach(fileName => {
imgList.push({imgUrl: require('../../assets/images/' + fileName.split('./')[1])})
})
其中:'../../assets/images/'图片文件目录,循环遍历imgList就可以。