Предположим, вы хотите загрузить файл, когда нажимаете на ссылку.
Например, я хочу загрузить изображение ниже:
Для загрузки файла я упомянул здесь два метода в соответствии с вашими требованиями.
index.html
Создайте ссылку тега привязки ‹a /› на обычной странице HTML. Я хочу загрузить файл, когда нажимаю ссылку на привязанный тег (Загрузить этот файл).
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <a id="link" href="#">Download this file</a> </body> </html>
1. Первый способ: замените URL-адрес браузера на путь к файлу (путь к файлу, который вы хотите загрузить).
$('a').click(function(e) { var url = "https://images.unsplash.com/photo-1601471001928-cdd7a7d453b0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80"; e.preventDefault(); window.location.href = url; }); //Note: url= your file path
Примечание. Замените указанный выше URL на путь к вашему файлу. Здесь я использую просто случайный адрес изображения Google.
Первый способ показан ниже.
Реализация
Откройте этот файл index.html в браузере и нажмите кнопку Загрузить этот файл, чтобы загрузить файл.
2. Второй способ: если вы хотите открыть его только в новой вкладке, единственный способ сделать это - щелкнуть ссылку, для которой атрибут target установлен на _blank.
$(function () { $("#link").click(function () { $("#link").attr({ target: "_blank", href:"https://images.unsplash.com/photo-1601471001928-cdd7a7d453b0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80", }); }); }); //Note: href= your file path
Примечание. Замените указанный выше URL своим путем к файлу. Здесь я использую просто случайный адрес изображения Google.
Второй метод показан ниже.
Реализация
Давайте откроем этот файл index.html в браузере и нажмите кнопку Загрузить этот файл, чтобы загрузить файл.