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

发布于 2025-02-04 04:12:09 字数 224 浏览 3 评论 0原文

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

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

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

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

原文

I want to show all images in a folder, like:

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

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

How can I get that 'list' and paths of its elements?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

时光病人 2025-02-11 04:12:09

当图像在您的项目文件夹中并且使用Vite（或Sveltekit）时，您可以使用 Glob Import 功能：

const imageModules = import.meta.glob("../../static/*.jpg");

  for (const modulePath in imageModules) {
    imageModules[modulePath]().then(({ default: imageUrl }) => {
      console.log(modulePath, imageUrl);
    });
  }

When the images are inside your project folder and you're using Vite (or SvelteKit) you can use the Glob Import feature:

const imageModules = import.meta.glob("../../static/*.jpg");

  for (const modulePath in imageModules) {
    imageModules[modulePath]().then(({ default: imageUrl }) => {
      console.log(modulePath, imageUrl);
    });
  }

回复收藏 0 原文

~没有更多了~