Sådan uploades et simpelt billede ved hjælp af JavaScript og HTML

Sadan Uploades Et Simpelt Billede Ved Hjaelp Af Javascript Og Html



JavaScript er det mest kraftfulde værktøj, der giver en bred vifte af funktioner. Det hjælper med at forbedre billeder til menneskelig evaluering, analyse og fortolkning. Mere specifikt, i webudvikling spiller billeder en afgørende rolle. Information i form af billeder kan udtrækkes og bearbejdes fra billeder til computeriseret evaluering. Pixels i det angivne billede kan håndteres og styres til enhver ønsket kontrast og tæthed.

Denne skrive-up vil demonstrere metoden til at uploade billedet ved hjælp af JavaScript og HTML.

Hvordan uploader man et simpelt billede ved hjælp af JavaScript/HTML?

For at uploade et simpelt billede ved hjælp af JavaScript, vil vi først tilføje et billedtag på HTML-siden og derefter bruge JavaScript-koden til at indlæse og vælge billedet på websiden.







For praktiske implikationer, prøv de angivne instruktioner.



Eksempel

Først og fremmest skal du følge de givne instruktioner:



  • Indsæt ' ' element og angiv typen af ​​input som ' fil ”.
  • Denne 'fil'-type bestemmer feltet i filvalg og en ' Gennemse ”-knap til at uploade filerne.

  • ” tag indsætter et linjeskift.
  • Indsæt derefter en ' ' HTML-tag og tilføj ' id ” attribut for at angive det unikke id med et bestemt navn.
  • src ” attribut, der bruges til at tilføje mediefilens URL:
< input type = 'fil' />

< br >

< img id = 'mit billede' src = '#' >

Det kan bemærkes, at en filindstilling er blevet oprettet, og den kan kun vise billednavnet efter at have accepteret det som input:





Nu, inde i '