您需要为此使用服务器端脚本。
或者,您的服务器可能允许您通过配置动态更改标头。
带有mod_headers的Apache解决方案将可下载的图像放在目录中。在此目录中,创建一个
.htaccess包含以下内容的文件:
SetEnvIf Request_URI "([^/]+.jpg)$" REQUESTED_IMAGE_baseNAME=SetEnvIf Request_URI "([^/]+.png)$" REQUESTED_IMAGE_baseNAME=Header set Content-Disposition "attachment; filename="%{REQUESTED_IMAGE_baseNAME}e"" env=REQUESTED_IMAGE_baseNAME
测试要求:
HEAD /test/Water%20lilies.jpg HTTP/1.1Host: localhost
测试回应:
HTML5解决方案HTTP/1.1 200 OKDate: Sat, 23 Jul 2011 09:03:52 GMTServer: Apache/2.2.17 (Win32)Last-Modified: Thu, 23 Aug 2001 14:00:00 GMTETag: "26000000017df3-14752-38c32e813d800"Accept-Ranges: bytesContent-Length: 83794Content-Disposition: attachment; filename="Water lilies.jpg"Content-Type: image/jpeg
您可以在锚点上使用HTML5
download属性:
<p>Example 1<br> <a href="http://dummyimage.com/600x400/000/fff.png" download>Download this image</a></p><p>Example 2<br> <a href="http://dummyimage.com/600x400/000/fff.png" download="alternate-filename.png"><img src="http://dummyimage.com/150x100/000/fff.png"></a></p>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)