我的 ftp 服务器中有一个文件夹,其中包含多个图像。我正在尝试在网页中访问和显示这些图像,例如
<img src="ftp://my_ftp_ip_address/Images/imagename.jpg"/>
但它要求输入 FTP 用户名和密码。我怎样才能做到这一点?也可以使用 JSP 做同样的事情吗?
使用最新版本的网络浏览器(Chrome 59、Firefox 61),您甚至无法使用ftp://
URL 来检索图像。无论如何,这从来都不是一个好的解决方案。
正确的解决方案是通过您的网络服务器路由图像,不仅隐藏凭据,还隐藏图像的原始来源。
创建一个充当图像源的脚本(PHP 或您使用的任何其他脚本)(您将在<img src=...>
属性中使用它。该脚本将通过从 FTP 服务器下载图像来“生成”图像。
在 PHP 中实现这样一个脚本的最简单的方法(比如image.php
)是:
<?
header('Content-Type: image/jpeg');
echo file_get_contents('ftp://username:password@ftp.example.com/path/image.jpg');
(您需要对凭据进行 URL 编码,如果它们包含保留符号 - 您可以使用urlencode
)。
然后在 HTML 中使用它,例如:
<a src="image.php" />
(假设与image.php
您的 HTML 页面位于同一文件夹中)
该脚本使用FTP URL 包装器。如果您的网络服务器不允许这样做,您必须使用 FTP 功能更加困难。请参阅 PHP:如何将文件从 FTP 服务器读取到变量中?
尽管对于一个真正正确的解决方案,您应该提供一些与文件相关的 HTTP 标头,Content-Length
例如Content-Type
和Content-Disposition
. 为此,请参阅通过 PHP 脚本将文件从 FTP 服务器下载到带有 Content-Length 标头的浏览器,而不将文件存储在 Web 服务器上。
实际上,您可能会有更多图像,因此您不会在脚本中硬编码文件名,但脚本会将名称作为参数。
请参阅列出并从 FTP 下载单击的文件
您正在告诉浏览器使用 ftp 协议访问图像,这就是它尝试登录的原因。
将 ftp:// 更改为 http://(或 https://,如果使用 ssl)以访问图像。
您当然也可以将用户名和密码添加到图像中,但是这样每个人都可以查看您的代码并登录到您的 ftp 服务器……不是很安全;)
您可以尝试像这样修改 src 属性:
<img src="ftp://username:password@my_ftp_ip_address/Images/imagename.jpg"/>