web前端加载指定路径下所有照片

前端框架是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就可以。