我想显示文件夹中的所有图像,例如:
<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)
如何获取该“列表”及其元素的路径?
当图像位于项目文件夹内并且您使用 \xe2\x9a\xa1\xef\xb8\x8fVite(或 SvelteKit)时,您可以使用:
\ nGlob 导入功能:
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
归档时间: |
|
查看次数: |
4712 次 |
最近记录: |