[Hájtek] Kép beágyazása HTML-be

2011.11.16. 11:00 | TrueY | Szólj hozzá!

Címkék: windows linux 2011 hájtek cygwin

Egy érdekes problémával találtam szemben magam. Egy program xml file-ba készít hibalistát. Ebből készül egy HTML riport (persze XSLT-vel), amivel a felhasználó azt csinál, amit akar. Azt kérték, hogy tegyek bele képeket. Nem is lenne probléma, ha lenne mögötte egy Apache szerver, de ez egyetlen file lenne, plusz a képek. Az a kérdés merült fel bennem, hogy meg lehetne az egészet úgy csinálni, hogy a HTML oldalba bele legyenek ágyazva a képek is, azaz ne kelljen a képeket külön kitenni a HTML file mellé. Ennek néztem kicsit utána.

Némi keresgélés után rátaláltam a jó megoldásra. Referenciaként az alábbit kell megadni: "data:formátum;kódolás,adathalmaz". Legyen mondjuk png formátumú a kép file és legyen base64-ben kódolva. Ekkor így adhatunk meg egy linket (az adat java részét '...'-tal helyettesítettem):

<a href="data:image/png;base64,iVBORw...=="> <img src="data:image/png;base64,iVBORw...g==" width="70" height="38" alt="RIFE Logo" border="0" /></a>

Ekkor egyrészt megjelenik a kép file a megadott 70x38-as méretben. Ha ráklikkelünk, akkor megjelenik a kép normál méretben és más nem lesz látható az oldalon.

Hogyan lehet a png-ből egyből html file-t csinálni? Itt most a linket kihagyom, mert nekem csak a képre van szükségem. Tegyük fel, hogy van egy krix.png file és szeretnénk egy krix.html oldalt csinálni belőle. Cygwin és Linux alatt az alábbi parancssorral lehet ezt előállítani:

echo -e "<html>\n<body>\n<img src=\"data:image/png;base64,"$(base64 --wrap=0 krix.png)"\"/>\n</body>\n</html>" >krix.htmlSzép! Nem? De!

Ágyazzunk be minden nap!

Facebook Tumblr Tweet Pinterest Tetszik

A bejegyzés trackback címe:

https://qltura.blog.hu/api/trackback/id/tr603267951

Kommentek:

A hozzászólások a vonatkozó jogszabályok értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

Nincsenek hozzászólások.

+jegyzések

mongolili: V/14. ELP=Emerson, Lake and Palmer (a Cozy Powell-es felállás csak egyfajta "utóélet" volt) (2020.04.11. 22:45) [Zene] After Crying: 6 (1997)
törzsmókus: az első tecső link Chopint ad, nem Mahalát :( a másodiknál meg biztos van azóta jobb minőség… (2016.11.11. 13:27) [Zene] Besh o droM: Macsó hímzés
TrueY: @NYJetsTD: Hidd el, nem örülök ennek annyira. :) Sajnos csak 1 napot nyaraltam. A többit kórházban... (2016.10.12. 23:00) [Adáshiba] Achilles-ín
NYJetsTD: Ronaldoooooo.... milyen ügyes vagy. Mostantól egész életedben mondhatod, hogy sportsérülésed volt,... (2016.10.11. 21:01) [Adáshiba] Achilles-ín
TrueY: @NYJetsTD: Én a vereshagymás-zsíros kenyeret szeretem. Legutóbb Mikulás-futáskor ettem. De mostaná... (2016.03.21. 01:33) [Adáshiba] Futás...
Utolsó 20

QL.túra miazmás

Minden, ami az általános műveltségből kimaradt...

QL.túra

Legnézettebb

Keresés

Címkék

Archív

+jegyzések

Feedek

Most ...

eKönyvek