【问题标题】:Importing images at run-time在运行时导入图像
【发布时间】:2017-02-22 09:38:59
【问题描述】:

在运行时在 Create-react-app 中导入图像的(最佳)方法是什么?我的应用程序从包含约 20 个图像名称的 API 中获取一个数组。如何在运行时将这些图像加载到我的应用程序中以显示它们? (图像文件夹中有超过 300 张图像,因此将它们全部导入/捆绑并不是一个好的选择)。

【问题讨论】:

  • load these images 是什么意思?你想让它们显示吗?然后为每张图片使用<img>标签。
  • 是的,显示它们。你的意思是从静态文件夹中为它们提供服务,然后使用 src="imageFileName" ?
  • 如果你的图像名是指图像 url,那么只需将其添加到 src @RobIndesteege

标签: reactjs webpack create-react-app


【解决方案1】:

如果您要托管大量图像,我可能会考虑创建一个 CDN,甚至只是将它们放在 AWS 上的 S3 存储桶中。这将减少您网站的负载。只要名称相同,图像名称就可以映射到 S3 存储桶中的名称。

【讨论】:

    猜你喜欢
    • 2018-11-26
    • 1970-01-01
    • 2021-05-30
    • 2023-03-16
    • 2018-11-30
    • 1970-01-01
    • 1970-01-01
    • 2017-05-22
    • 1970-01-01
    相关资源
    最近更新 更多