Как сделать ссылку для скачивания файла

Как сделать ссылку на скачивание файла

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

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Как сделать скачивание файла с сайта.

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

Для скачивания можно передавать файлы самых различных форматов: музыка, видео, текстовые файлы, Excel, архивы и мн. другие.

Как на сайте сделать скачивание файла

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

Делается это при помощи ссылки на файл с использованием специального HTML тега. Про то как создавать обычные ссылки есть статья: как сделать ссылку

Ниже пойдёт речь о том как сделать ссылку для скачивания файла.

Скачивание архивов

Для файлов-архивов (форматы zip, rar и т.д.) достаточно просто указать ссылку на файл который нужно передать для скачивания. Поэтому здесь применяется обычный HTML тег ссылки:

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

HTML атрибут download

Структура ссылки для скачивания в html строится следующим образом:

Вместо знака решётки # указываем ссылку на файл передающийся для скачивания.

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

Со всплывающей подсказкой:

В кавычках атрибута title прописываем текст всплывающей подсказки.

*Обязательно не забываем переключить редактор в режим HTML чтобы редактировать теги

Текстовая ссылка

Результат: скачать файл

Скачать через кнопку

Результат:

Есть такой инструмент как Генератор кнопок, где просто генерировать кнопки с тегом скачивания и иконками.

Кнопка с иконкой

Так же можно добавить к тексту ссылки иконочный шрифт, если он установлен у вас на сайте. При этом шрифтовую иконку можно поставить перед или после текста ссылки.

Код вставки иконки

Результат:

Скачивание файла при клике на изображение

Результат:

Со стилями CSS

Так же можно применять все свойства CSS и изменять размер шрифта, название, цвет и т.д.

Для этого добавляем атрибут style=» «

Результат:

Источник

Поделиться ссылкой

Как поделиться

Поделитесь файлом или папкой одним из следующих способов:

Какими файлами и папками можно делиться

Делиться можно файлами и папками, которые лежат в корневом каталоге Диска и во всех созданных вами папках. Если вы хотите поделиться файлом, приложенным к письму, сначала скопируйте его из папки Почтовые вложения (на вкладке Архив на панели слева) в нужную папку на Диске.

Нельзя поделиться файлами и папками, которые лежат внутри общей папки, если вы не ее владелец и имеете право доступа только на просмотр.

Как долго работает ссылка

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

Посмотреть опубликованные файлы

Посмотреть число просмотров и скачиваний по ссылке

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

Не могу создать ссылку

Когда на Диске заканчивается свободное место, доступ к нему ограничивается. Чтобы снять ограничения, вам нужно удалить лишние файлы, очистить корзину (файлы в ней тоже занимают место) или купить дополнительное место. Иначе через 44 дня доступ к Диску будет полностью заблокирован, а еще через 6 месяцев все ваши файлы будут удалены навсегда. Подробнее об этом см. в разделе Место на Диске.

Не скачивается файл

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

Почему это происходит и как это исправить:

Скачивание публичного файла ограничено

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

Попробуйте обновить страницу, чтобы принудительно загрузить ее из интернета. Если проблема не решится, очистите кеш браузера и удалите все файлы cookie.

Расширения блокируют Яндекс.Диск

Диск может работать некорректно из-за дополнений и расширений в браузере. Чтобы проверить это, временно отключите их. Если Диск работает неправильно из-за блокировщика рекламы или расширения-антивируса, добавьте страницу Диска в исключения этого расширения. Подробнее см. в разделах Настроить блокировщики рекламы, Настроить исключения для сайтов.

Включена блокировка данных в браузере

Выключите блокировку данных по инструкции для вашего браузера:

Источник

Как в тексте сделать ссылку на файл для скачивания

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

К текстам можно прикреплять файлы размером до 10 Мб.

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

Выделите слово или фразу, при клике на которую начнется загрузка файла.
Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Затем нажмите кнопку «Вставить/ Редактировать ссылку» (она напоминает перевернутую восьмерку со знаком плюса).
Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

В открывшемся окне нажмите кнопку «Выбор на сервере».
Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Вы попадете в библиотеку ресурсов. Файл для скачивания нужно сначала загрузить в нее.

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

Ссылка на скачивание файла будет добавлена в окно. Вы сможете привязать ее к тексту, нажав кнопку «ОК».
Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Когда ссылка на скачивание добавлена к тексту, сохраните страницу.
Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Источник

Как загрузить файлы для скачивания на свой хостинг и получить ссылку?

Привет! В этой емкой инструкции поделюсь, как загрузить файлы для скачивания на свой хостинг – например, материалы в архиве или отдельно pdf-документы, и поделиться ссылкой на скачивание.

Это как альтернатива облачному хранилищу, когда вы можете давать ссылку на скачивание не с облака Яндекс, Гугл и т.п., а напрямую с вашего хостинга. Но минус тоже есть – если размещать тяжеловесные файлы от 500 мегабайт/1 гигабайт и таких файлов у вас много, то быстро можно исчерпать место на хостинге, и придется покупать более дорогие тарифы. Для небольших весом архивов, pdf-ок обычного хостинга с дисковым пространством 5-10 гигабайт будет более чем достаточно.

Итак, давайте на примере разберем, как происходит процесс загрузки файлов в архиве или отдельных pdf-документов на хостинг, как берется ссылка на эти файлы и происходит скачивание.

Вы можете посмотреть мой видеоурок ниже:

Загружать файлы вы можете в корневую папку вашего существующего сайта, например, где установлен Вордпресс – мешать работе сайта они никак не будут. Но можно зарегистрировать отдельный домен (или создать бесплатный поддомен от уже купленного домена). Создать с ним сайт (не ставить на него Вордпресс), а использовать чисто под загрузку файлов, чтобы не мешать все в кучу.

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

Давайте рассмотрим на примере с отдельным сайтом на поддомене. Показываю на своем хостинге Timeweb. Поддомен тут создается в пару кликов.

Идем в раздел «Домены и поддомены». Напротив домена жмем по иконке плюса (добавить поддомен).

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Указываем название поддомена – короткое латиницей или цифры.

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

На этом же шаге можем сразу создать сайт с нашим поддоменом. Для этого выбираем «Создать директорию» и указываем ее название. Лучше всего называть директорию так же, как называется ваш поддомен, чтобы не путаться.

Ниже под вашим доменом отобразится добавленный поддомен.

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

А в разделе «Сайты» отобразится ваш новый сайт:

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Также в разделе «Файловый менеджер» появляется корневая папка этого сайта (она называется аналогично директории, к которой привязан домен) – в эту папку и загружаются любые файлы.

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

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

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Для добавления в архив, нажимаем по папке правой кнопкой мыши — выбираем пункт «Добавить в архив».

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Затем иду на хостинг в «Файловый менеджер», захожу в корневую папку своего сайта (открываю двойным кликом левой кнопкой мыши).

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Внутри открываю папку public_html и в нее загружаю свой архив.

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Загрузить можно перетаскиванием архива с рабочего стола компьютера на строку «Чтобы добавить файлы, перетащите их в это окно». Просто сворачиваем браузер, идем на рабочий стол, жмем по архиву левой кнопкой мыши и, удерживая, тянем его во вкладку браузера с открытой корневой папкой.

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

При загрузке этим способом нас спрашивают «Распаковать архив?» — распаковывать не надо. Выбираем «Только загрузить».

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Второй вариант загрузки – через вкладку «Файл» — «Загрузить на сервер».

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Таким образом, архив оказывается в корневой папке нашего сайта на хостинге.

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Ссылка на скачивание архива формируется так: ваш домен/название архива.zip или ваш домен/название архива.rar (то есть в конце после точки обязательно добавляется формат архива).

В моем случае ссылка на скачивание архива выглядит так: 123.viktoriiakarpova.ru/lists.zip

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

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

А теперь загрузим рdf-книгу, ссылкой на скачивание которой хотим поделиться.

Точно также идем в корневую папку сайта в «Файловом менеджере» и через вкладку «Файл» — «Загрузить на сервер» загружаем наш pdf с рабочего стола. Или перетаскиваем левой кнопкой мыши в строку загрузки.

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Как и архив, pdf должен называться латинскими буквами без пробелов и лишних символов. Можно использовать дефис или нижнее подчеркивание в названии.

Ссылка на скачивание этого файла формируется так: ваш домен/название документа.pdf. Здесь аналогично – в конце после точки обязательно добавляется формат документа.

В моем случае ссылка выглядит так: 123.viktoriiakarpova.ru/keys.pdf

Когда мы перейдем по ссылке, pdf документ откроется в браузере – его можно просматривать онлайн (все ссылки внутри будут кликабельны), либо скачать себе, нажав вверху справа по стрелке.

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

кликните на скриншот для увеличения

Кстати, этот вариант с загрузкой pdf на хостинг можно использовать для добавления политики конфиденциальности, договора-оферты на свой сайт и т.д.

Итак, в этой статье мы разобрались с вопросом – как загружать на свой хостинг файлы (архивы, pdf документы) и делиться ссылкой на их скачивание.

Источник

Как добавить ссылку на файл для скачивания на сайте?

Загрузите файл в соответствующий раздел:

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

Скопируйте с него ссылку при помощи правой кнопкой мыши:

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

На странице, на которой нужно поставить ссылку делаете следущее:

Как сделать ссылку для скачивания файла. Смотреть фото Как сделать ссылку для скачивания файла. Смотреть картинку Как сделать ссылку для скачивания файла. Картинка про Как сделать ссылку для скачивания файла. Фото Как сделать ссылку для скачивания файла

В появившемся окне нажмите правой кнопкой мыши в поле «Адрес» и нажмите «Вставить»

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *