Dit artikel demonstreert de methode voor het uploaden van de afbeelding met behulp van JavaScript en HTML.
Hoe een eenvoudige afbeelding uploaden met JavaScript/HTML?
Om een eenvoudige afbeelding met JavaScript te uploaden, voegen we eerst een afbeeldingstag toe aan de HTML-pagina en gebruiken we vervolgens de JavaScript-code om de afbeelding in de webpagina te laden en te selecteren.
Probeer de vermelde instructies uit voor praktische implicaties.
Voorbeeld
Volg allereerst de gegeven instructies:
- Steek de '
” element en specificeer het type invoer als “ bestand ”. - Dit “file” type bepaalt het veld in de file-select en een “ Bladeren ” knop voor het uploaden van de bestanden.
- “
” tag voegt een regeleinde in. - Voeg vervolgens een '
” HTML-tag en voeg de “ ID kaart ” attribuut om de unieke id met een bepaalde naam op te geven.
- “ src ” attribuut gebruikt om de URL van het mediabestand toe te voegen:
< br >
< img-id = 'mijnBeeld' src = '#' >
Het kan worden opgemerkt dat er een bestandsoptie is gemaakt en dat deze de afbeeldingsnaam alleen kan weergeven nadat deze een invoer heeft geaccepteerd:
Nu, binnen de '