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

sae*_*ens 2 svelte

我想显示文件夹中的所有图像,例如:

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

{#each list as l}
    <img src={(path_of_l)} alt=""/>
{/each}
Run Code Online (Sandbox Code Playgroud)

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

Bob*_*ger 6

当图像位于项目文件夹内并且您使用 \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
Run Code Online (Sandbox Code Playgroud)\n