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

Question

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

我有一个托管的网站和托管的专用服务器。我在专用服务器上有一个文件夹，里面装满了服务器播放器随机拍摄的图片（屏幕截图）。它的反作弊。

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

我知道，以显示从FTP图片唯一的代码是

IMG SRC = “FTP：//用户名：password@my_ftp_ip_address/Images/imagename.jpg”

我想创造的东西，自动显示所有图片或至少列出文件夹目录，以便我可以点击图片，但即时通讯有点困惑如何做到这一点！任何帮助将非常感谢！

Answer 1

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

一两件事你可以做的，就是建立一个网页服务器的FTP服务器，这样，而不是<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>标签中，以便在新标签中打开。