Два способа реализации файлов для загрузки по клику на HTML-страницах

Автор：Eve Cole Время обновления：2025-01-27 05:12:01

1. Используйте тег <a> для завершения

 <a href=/user/test/xxxx.txt download=filename.txt>Нажмите, чтобы загрузить</a>

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

Но есть ситуация, например, txt, png, jpg и другие файлы, которые браузер поддерживает для открытия напрямую, не будут выполнять задачу загрузки, а откроют файл напрямую. В этом случае вам необходимо добавить атрибут загрузки. тег a;

Ниже приведен пример

Перейдите к тегу <a>, чтобы отобразить путь к файлу, и укажите путь к файлу в соответствии с подсказками пути.

 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <a href=321.png download=test.png>Нажмите, чтобы загрузить< / а> </body> </html>

Если вам необходимо загрузить изображения, загруженные с веб-страницы, вы можете использовать следующие методы:

Получите доменное имя хоста:

location.hostname

Получите номер порта:

местоположение.порт

2. Используйте кнопки для мониторинга

Мониторинг кнопок можно разделить на два метода:

Один из них — window.open().

 var $eleBtn1 = $(#btn1); var $eleBtn2 = $(#btn2 //Известен внутренний интерфейс для загрузки файлов: https://codeload.github.com/douban/douban-client/zip; /master //Метод 1: window.open() $eleBtn1.click(function(){ window.open(https://codeload.github.com/douban/douban-client/legacy.zip/master });

Второе — отправка формы

 //Метод 2: через форму $eleBtn2.click(function(){ var $eleForm = $(<form метод='get'></form>); $eleForm.attr(action,https://codeload.github .com/douban/douban-client/legacy.zip/master); $(document.body).append($eleForm); //Отправьте форму для загрузки $eleForm.submit(); });

Подвести итог

Выше приведены два способа реализации файлов для загрузки по клику на HTML-страницах, представленные редактором. Надеюсь, это будет вам полезно. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор ответит вам вовремя. . Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!