如何将图像 src 设置为当前目录中可用的某些“randomName.png”文件？

Posted 2023-03-08

【中文标题】如何将图像 src 设置为当前目录中可用的某些“randomName.png”文件？

【英文标题】：How to set image src to some "randomName.png" file available in current directory?

【发布时间】：2020-05-07 09:32:51

【问题描述】：

我有这个场景来为 100 多张不同名称的图像重现 html 实现。

我的包目录 - index.html - some_name.png - 脚本/css 文件

目前，我必须手动执行以下操作

从池中挑选每个图像文件， 将其放入 包目录，然后 将其重命名为静态img.png，然后 打包（zip）迭代。

我希望跳过 xyz.png --> img.png by 中的重命名部分，例如 <img src="*.png" /> 之类的东西。 "客户端方法"

我使用 python 来自动化迭代，但正在寻找一些 html/js 方法来仅通过扩展名来选择文件

【问题讨论】：

或this answer

@AhmedSunny — 您的第一条评论链接到特定于 SmartBear 的 TestComplete 桌面应用程序的解决方案。它似乎不适用。

@AhmedSunny — 您的第二条评论链接到 Node.js 实现，但问题是 html/js，这意味着 JS 在浏览器而不是 Node.js 中运行客户端。跨度>

抱歉，我看错了你的问题，但是js和html是客户端语言，访问服务器上的目录和文件需要像php这样的服务器端语言。

【参考方案1】：

您似乎想获取服务器上带有.png 扩展名的文件名列表。

如果您的服务器允许列出目录，您可以使用客户端 javascript 执行此操作。否则，您将需要服务器端解决方案。

在此处查看答案：Easiest way to get list of files in the server directory