使HTML代码显示来自FTP的文件夹中的所有图片？

Question

这里的基本html代码用户，只是试图让一些脚本完成并且我正在努力。

我有一个托管网站和一个托管专用服务器。我的专用服务器上有一个文件夹，里面装满了来自服务器播放器的图片（截图）。它用于反作弊。

基本上，我一直在尝试编写一个脚本，以便在我托管的网站上的网页上，它会自动显示我dedi上该文件夹中的所有图片。 我在挣扎。

我知道显示来自ftp的图片的唯一代码是

img src =“ftp：// username：password@my_ftp_ip_address/Images/imagename.jpg”

我想创建一些能够自动显示所有图片的内容，或者至少列出文件夹目录，以便我可以点击图片，但我对如何做到这一点有点困惑！任何帮助都会非常感谢！

Answer 1

这基本上是一种反模式。 您不应在HTML代码中公开您的用户名和密码。

您可以做的一件事是在您的FTP服务器上设置一个Web服务器，而不是<img src="ftp://..." />您将使用<img src="https://my-server.com/image.jpg" />

例如，您可以设置nginx或apache来提供某个目录中的图像，但阻止目录列表。

对于nginx，您可以关注the official docs，也可以从this SO Question获取提示

与apache相同，您可以选择最适合您需求的任何一种。

Answer 2

使用<img src""></img>，您可以直接定位文件夹而无需插入链接。像这样：<img src"<folder holding images>/<image name>" />这应该针对您要查找的照片，而不必公开您的用户名，密码和FTP信息。

如果要显示需要在HTML中定义的所有图像，则需要使用上面的代码单独定位每个图像（帮助组织）。

如果您希望能够点击照片，可以添加<a href="mywebsite.com/imagefolder/imagename"></a>，这样您就可以点击该图片，然后以更大的版本打开它。如果您想在新标签页中将其打开，请将此target="_blank"添加到您的<a></a>标记中，以便在新标签页中打开它。