Jak wyzwolić plik do pobrania podczas klikania przycisku HTML lub JavaScript?

Jak wyzwolić plik do pobrania podczas klikania przycisku HTML lub JavaScript?

JavaScript to język oparty na skryptach i integruje się z HTML w celu interaktywnych interfejsów internetowych. Ułatwia różne funkcje, takie jak menu upuszczenia, wyskakujące komunikaty alertów i pliki wyzwalające do pobrania.

W tym poście dowiesz się o wyzwalaniu pliku pobierania, klikając przycisk HTML, a także kod JavaScript.

Dodatkowo ten post serwuje następujące wyniki:

  • Jak uruchomić plik do pobrania podczas klikania przycisku HTML
  • Jak uruchomić plik do pobrania za pomocą JavaScript

Metoda 1: Jak uruchomić plik do pobrania, klikając przycisk HTML?

Ta metoda jest przystosowana do wyzwolenia pliku do pobrania poprzez naciśnięcie przycisku HTML. Poniższa składnia będzie służyć do pobrania pliku, klikając przycisk HTML:

Składnia

Musisz wykorzystać tag, aby utworzyć przycisk HTML i ustaw jego wartość na „Pobierać". Wartość jest atrybutem zdefiniowanym przez użytkownika i może być ustawiona zgodnie z życzeniem użytkownika.

Przykład

W tym przykładzie przycisk HTML służy do uruchomienia pliku pobierania. Kod jest następujący:

Kod


Uruchom plik do pobrania za pomocą przycisku HTML


Skrypt jest wykonany w test.html plik. Opis jest wymieniony poniżej:

  • Po pierwsze,

    służy do wyświetlania wiadomości z ustęp etykietka.

  • Potem tag jest stosowany do wyświetlania przycisku w przeglądarce internetowej.
  • W końcu na kliknięcie Słowo kluczowe jest wykorzystywane do wyskakowania nowego okna, gdy użytkownik kliknie przycisk.

Wyjście

Po kliknięciu przycisku "Pobierać", Użytkownik może pobrać "komputer.JPG ”.

Metoda 2: Jak uruchomić plik do pobrania za pomocą JavaScript?
Inna metoda jest dostosowana do pobrania pliku za pomocą JavaScript. pobierać() Metoda jest wykorzystywana do pobrania pliku, naciskając przycisk. Kod tego celu podano poniżej.

Kod


Jak wyzwolić plik do pobrania, kiedy
Kliknięcie przycisku HTML lub JavaScript?




wartość = "pobierz" />

Opis kodu jest wymieniony tutaj:

  • Po pierwsze, komunikat jest wyświetlany przy użyciu

    tagi.

  • Po tym, jest wykorzystywany do przydzielenia obszaru tekstu do danych wejściowych od użytkownika.
  • Ponadto przycisk służy do pobrania pliku, naciskając go.
  • addEventListener () jest wykorzystywany do wyzwolenia wydarzenia i pobrania JavaScript.tekst plik.

Wyjście:

Wyjście zwraca obszar tekstu z "Pobierać" przycisk. Po naciśnięciu przycisku uruchamia JavaScript.tekst Plik do pobierania.

Wniosek

Dwie metody są dostosowane do Wywołaj plik do pobrania wykorzystując Przycisk HTML I JavaScript.

W pierwszej metodzie przycisk HTML jest powiązany z jego na kliknięcie zdarzenie, aby pobrać plik, określając lokalizację pliku. W drugiej metodzie kod JavaScript jest wykorzystywany do przyjmowania danych wejściowych od użytkownika i pobierania pliku. Ponadto praktyczna implementacja jest również podawana do pobierania plików, wykorzystując Przycisk HTML I JavaScript.