Paano Mag-upload ng Simpleng Larawan Gamit ang JavaScript at HTML

Paano Mag Upload Ng Simpleng Larawan Gamit Ang Javascript At Html



Ang JavaScript ay ang pinakamakapangyarihang tool na nagbibigay ng malawak na hanay ng mga function. Tumutulong ito sa pagpapabuti ng mga imahe para sa pagsusuri, pagsusuri, at interpretasyon ng tao. Higit na partikular, sa pagbuo ng web, ang mga imahe ay gumaganap ng isang mahalagang papel. Ang impormasyon sa anyo ng mga imahe ay maaaring makuha at iproseso mula sa mga imahe para sa computerized na pagsusuri. Ang mga pixel sa nakasaad na imahe ay maaaring pangasiwaan at kontrolin sa anumang nais na contrast at density.

Ipapakita ng write-up na ito ang paraan para sa pag-upload ng larawan gamit ang JavaScript at HTML.

Paano Mag-upload ng Simpleng Larawan Gamit ang JavaScript/HTML?

Upang mag-upload ng isang simpleng larawan gamit ang JavaScript, una, magdaragdag kami ng tag ng larawan sa HTML na pahina at pagkatapos ay gagamitin ang JavaScript code upang i-load at piliin ang larawan sa web page.







Para sa mga praktikal na implikasyon, subukan ang nakasaad na mga tagubilin.



Halimbawa

Una sa lahat, sundin ang ibinigay na mga tagubilin:



  • Ipasok ang ' ” elemento at tukuyin ang uri ng input bilang “ file ”.
  • Tinutukoy ng uri ng 'file' na ito ang field sa file-select at isang ' Mag-browse ” button para sa pag-upload ng mga file.

  • ” naglalagay ng line break ang tag.
  • Pagkatapos, maglagay ng ' ” HTML tag at idagdag ang “ id ” attribute upang tukuyin ang natatanging id na may partikular na pangalan.
  • src ” attribute na ginamit upang idagdag ang URL ng media file:
< uri ng input = 'file' />

< br >

< img id = 'myImage' src = '#' >

Maaaring mapansin na ang isang pagpipilian sa file ay nilikha, at maaari lamang itong ipakita ang pangalan ng imahe pagkatapos tanggapin ito ng isang input:





Ngayon, sa loob ng '