Скачивание файлов по ссылке на JavaScript

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

Насколько вам известно, многие популярные форматы файлов, в том числе музыкальные (MP3 и другие), видео (MP4, 3GP и другие), графические (JPG, GIF, PNG и другие) и прочие по умолчанию открываются в браузере в режиме просмотра/воспроизведения, а не скачиваются на компьютер пользователя.

С одной стороны, это лишние действия и потеря человека с целевой страницы, и наша задача с вами сегодня – это предложить человеку скачивание того или иного файла без покидания страницы, на которой он находится на JavaScript.

Итак, представляю вашему внимаю функцию, которая позволит вам на стороне пользователя в нужный момент вызвать скачивание того или иного файла:

function get_file_url(url) {
	
	var link_url = document.createElement("a");
	
	link_url.download = url.substring((url.lastIndexOf("/") + 1), url.length);
	link_url.href = url;
	document.body.appendChild(link_url);
	link_url.click();
	document.body.removeChild(link_url);
	delete link_url;

}

И пример ее использования:

get_file_url("link");

Где «link» – это ссылка на ваш файл.

На что тут стоит обратить внимание? Файл, который вы предоставляете к скачиванию, должен находиться на вашем сайте, иначе произойдет простое его открытие в браузере.