Base64-kuva

Muuta mikä tahansa kuvatiedosto Base64-data-URI:ksi (tai raaka-Base64:ksi) upottamista varten HTML:ään, CSS:ään tai JSON:iin. Tukee raahaa-ja-pudota -toimintoa tai napsauta-ja-lataa -toimintoa mille tahansa selaimen tukemalle kuvatyypille, näyttää reaaliaikaisen esikatselun ja ilmoittaa tiedostonimen, koon ja MIME-tyypin. Tuloste voi sisällyttää tai jättää pois data:-etuliitteen valintaruudun avulla.

1. Raahaa kuva pudotusalueelle tai napsauta sitä avataksesi tiedostonvalitsimen (accept="image/*").\n2. Esikatsele kuvaa ja lue sen tiedostonimi, koko ja MIME-tyyppi.\n3. Kytke "Sisällytä data-URI-etuliite" -valintaruutu vaihtaaksesi täyden data:-URI:n ja raaka-Base64:n välillä.\n4. Kopioi tuloste, lataa se .txt-tiedostona tai tyhjennä se X-painikkeella. Tulosteen merkkimäärä näytetään sen alla.

Tiedostot luetaan FileReader.readAsDataURL-menetelmällä, joka tuottaa merkkijonon muodossa data:<mime>;base64,<base64>. Kun etuliitteen valintaruutu on päällä, tulosteena on koko merkkijono (valmis pudotettavaksi <img src> -arvoon tai CSS url():ään). Kun ruutu on pois päältä, tulostetaan vain pilkun jälkeinen base64-osa. Tiedostokoot näytetään yksiköissä B, KB tai MB. Vain tiedostot, joiden MIME-tyyppi alkaa image/, hyväksytään; kaikki muut hylätään virheilmoituksella.