Атрибут download

Атрибут download указывает браузеру скачать файл по ссылке не открывая его в новом окне. После скачивания файл будет иметь название указанное в значении атрибута download.

Применить

<a href="userfiles/42trg67ijnt3.js" download="Скрипт слайд-шоу slide.js">Скачать</a>

Ссылка может быть на файл PDF, jpg, PNG, mp3, mp4 и т.д. Значение атрибута download используется для названия скачиваемого файла.

нельзя в названии файлов использовать недопустимые символы, например ‘\’.

Атрибут download позволяет пользователю скачать даже графический контекст Canvas.

HTML

<section>
    <canvas id="c"></canvas>
  <footer>
    <a id="download-canvas" href="#">Скачать</a>
  </footer>
</section>

JavaScript

(function() {
  var canvas = document.getElementById('c'),
    cxt = canvas.getContext('2d'),
    downloadLink = document.getElementById('download-canvas');
 
  cxt.fillRect(100, 100, 200, 200);
  cxt.clearRect(150, 150, 100, 100);
 
  downloadLink.href = canvas.toDataURL();
  downloadLink.download = "squares.png";
})();

Поддержка