内容处置 link 冲突

Question

我使用 MODx Evolution 并在我的 htaccess 文件中包含以下内容：

<IfModule mod_headers.c>
    <FilesMatch "\.jpg$">
      Header append Content-Disposition "attachment;"
    </FilesMatch>

    <FilesMatch "\.jpeg$">
      Header append Content-Disposition "attachment;"
    </FilesMatch>

    <FilesMatch "\.png$">
      Header append Content-Disposition "attachment;"
    </FilesMatch>
</IfModule>

每张图片我都有一个下载按钮可以下载，像这样：

<div class="box download-box">
                        <a class="button" href="[*template-variable-image*]">Download</a>

以上代码完美运行。

现在我添加了另一个按钮，用户可以使用以下代码在单独的浏览器选项卡中查看完整比例的图像：

<h2 class="thumb-caption"><span data-href="[*template-variable-image*]" target="_blank">PREVIEW</span></h2>

现在，当用户单击 "PREVIEW" 时，会出现内容配置附件框以供下载。我怎样才能让 "PREVIEW" 以我计划的方式显示图像预览而不是内容下载框？？？

Answer 1

这更像是 HTML 而不是 MODX 问题。许多现代浏览器都知道 a 标签中的 download attribute。

所以扔掉 .htaccess 添加并使用

<a class="button" href="[*template-variable-image*]" download>Download</a>

您也可以为此使用 javascript 并捕获所有浏览器。 John Culviner 为此编写了一个不错的 jQuery 插件 jquery-file-download。

内容处置 link 冲突

Content disposition link conflict

.htaccess

modx

content-disposition

modx-evolution