Конфликт ссылки на размещение контента

Я использую 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>

Теперь, когда пользователь нажимает «ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР», появляется окно вложения размещения содержимого для загрузки. Как я могу заставить «ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР» показывать предварительный просмотр изображения так, как я планировал, а НЕ окно загрузки контента???


.htaccess content-disposition modx modx-evolution
person Community    schedule 07.07.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это больше вопрос HTML, чем вопрос MODX. Многим современным браузерам известен атрибут загрузки в теге a.

Так что выбросьте дополнения .htaccess и используйте

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

Вы также можете использовать javascript для этого и поймать все браузеры. Джон Калвинер написал хороший подключаемый модуль jQuery jquery-file-download для этого.

person Jako    schedule 12.11.2015