如何使用 svelte 获取目录中的所有文件？

Question

我想显示文件夹中的所有图像，例如：

<script>
   let list = /*array of all files in a folder*/;
</script>

{#each list as l}
    <img src={(path_of_l)} alt=""/>
{/each}

如何获取该“列表”及其元素的路径？

Answer 1

当图像位于项目文件夹内并且您使用 \xe2\x9a\xa1\xef\xb8\x8fVite（或 SvelteKit）时，您可以使用：
\ nGlob 导入功能：

\n

const imageModules = import.meta.glob("../../static/*.jpg");\n\n  for (const modulePath in imageModules) {\n    imageModules[modulePath]().then(({ default: imageUrl }) => {\n      console.log(modulePath, imageUrl);\n    });\n  }\n

\n