Tämä kirjoitus havainnollistaa menetelmän kuvan lataamiseen JavaScriptin ja HTML:n avulla.
Kuinka ladata yksinkertainen kuva JavaScriptin/HTML:n avulla?
Jos haluat ladata yksinkertaisen kuvan JavaScriptin avulla, lisäämme ensin kuvatunnisteen HTML-sivulle ja käytämme sitten JavaScript-koodia kuvan lataamiseen ja valitsemiseen verkkosivulle.
Käytä annettuja ohjeita kokeilemalla käytännön seurauksia.
Esimerkki
Noudata ensin annettuja ohjeita:
- Aseta '
' -elementti ja määritä syötteen tyyppi ' tiedosto ”. - Tämä 'tiedosto'-tyyppi määrittää kentän tiedostovalinnassa ja ' Selaa ” -painiketta tiedostojen lataamiseen.
- '
' -tunniste lisää rivinvaihdon. - Lisää sitten '
'HTML-tunniste ja lisää ' id ” -attribuutti määrittääksesi yksilöllisen tunnuksen tietyllä nimellä.
- ' src ” attribuutti, jota käytetään lisäämään mediatiedoston URL-osoite:
< br >
< img id = 'minun kuvani' src = '#' >
Voidaan huomata, että tiedostovaihtoehto on luotu, ja se voi näyttää kuvan nimen vasta hyväksytyään syötteen:
Nyt sisällä '