Страница 1 из 11
Форум про uCoz » Всё для web-мастера » Web мастеру » Делаем ссылку скачиваемой (HTML5: атрибут download)
Делаем ссылку скачиваемой
Angerfist
Дата: Пятница, 23.09.2016, 20:01 | Сообщение # 1
Vip
Сообщений:618
Награды: 18


Когда вы ставите на сайте ссылки на различные изображения, музыку и другие файлы, то вместо скачивания оно автоматически начинает выводиться в браузере. В HTML5 появился атрибут download, который позволяет именно скачать файл, а не открыть его в браузере.



Пример использования атрибута download в HTML5:

Код
<a href="images/photo.jpg" download>скачать фото</a>


Теперь при переходе по ссылке файл начнёт скачиваться. Так же можно задать и имя, которое появится при сохранении файла.

Чтобы это сделать, надо у атрибута download поставить значение:

Код
<a href="images/photo.jpg" download="photo">скачать фото</a>


Как пример я реализовал в модуле фотоальбом:

Код
<?if($FULL_PHOTO_DIRECT_URL$)?><a href="$FULL_PHOTO_DIRECT_URL$" download>Скачать изображение | $PHOTO_SIZE$ Px $PHOTO_WEIGHT$ Kb<?endif?></a>


добавив для полноценности данные о размере и обьёме изображения.

Вообщем я думаю понятно что работает это только в современных браузерах поддерживающих HTML5.
Прикрепления: 6720232.png(18Kb)


No regrets
tsakonter
Дата: Пятница, 23.09.2016, 21:20 | Сообщение # 2
Пользователи
Сообщений:151
Награды: 0


Angerfist, что то не понял, хотя прочел все, и почему фото скачать, его же можно скопировать. Хотя есть много сайтов, где основном обои для рабочего стола, где скачивают, наверно это.
Kosten
Дата: Пятница, 23.09.2016, 21:29 | Сообщение # 3
Администраторы
Сообщений:12675
Награды: 39


Angerfist, круто фотоальбом сделал.

Angerfist
Дата: Пятница, 23.09.2016, 21:55 | Сообщение # 4
Vip
Сообщений:618
Награды: 18


tsakonter, фото как пример, но вот однажды мне бы пригодился этот атрибут, а я забыл... Опубликовал материал а музыкальный файл не влезал из-за ограничений сайта в архив, пришлось давать ссылку на аудио файл со своего сайта.
Но не любой пользователь попав на страницу браузера сообразит как скачать файл, добавив этот атрибут я бы сэкономил ему время).


No regrets

Сообщение отредактировал Angerfist - Пятница, 23.09.2016, 21:55
Kosten
Дата: Пятница, 23.09.2016, 22:21 | Сообщение # 5
Администраторы
Сообщений:12675
Награды: 39


Angerfist, скрин можно как вообще это выглядит.

Форум про uCoz » Всё для web-мастера » Web мастеру » Делаем ссылку скачиваемой (HTML5: атрибут download)
Страница 1 из 11
Поиск: