Question

我正在尝试在我的灯箱中添加“下载图片”按钮。因此，我将在此灯箱中添加一个简单的按钮：http://lokeshdhakar.com/projects/lightbox2/

我已经尝试过HTML5下载属性，但它不合适，因为它不兼容浏览器。

右键单击 - ＆gt; “另存为......”也不是解决方案，因为灯箱的控件位于图像的顶部。

是否有一个简单的跨浏览器兼容解决方案来向灯箱添加下载按钮？我也试过使用Blob或BlobBuilder，但没有成功。这是正确的做法吗？

修改

我在这里找到了一个有效的解决方案：https://stackoverflow.com/a/833024/1301058

<FilesMatch "\.jpg$">
<IfModule mod_headers.c>
Header set Content-Disposition "attachment"
# for older browsers
Header set Content-Type "application/octet-stream"
</IfModule>
</FilesMatch>

但问题是，所有图像都是使用MIME类型application / octet-stream传输的，我收到了警告。

如何在点击时设置mimetype？我试图在文件路径和FilesMatch正则表达式中添加一个参数，如：

<FilesMatch "\.jpg\?1$">

但这不起作用。

Answer 1

添加用这样的代码调用.php文件的按钮。

<?php
// We'll be outputting a PDF
header('Content-type: application/pdf');

// It will be called downloaded.pdf
header('Content-Disposition: attachment; filename="downloaded.pdf"');

// The PDF source is in original.pdf
readfile('original.pdf');
?>

灯箱与下载图像按钮

1 个答案: