QL.túra

Kulturális smörgåsbord Esterházytól Wass Albertig, a gumicsizmától az iPad-ig, a Teletabiktól Sexpírig, a makrofágtól a mikrokontrollerig, miazmás...

Legnézettebb

  1. [Könyv] Wass Albert: A funtineli boszorkány I-III.
  2. [Könyv] Bartos Erika: Anna és Peti és Gergő történetek
  3. [Hájtek] PDF, HTML konvertálás ePub formátumba (frissítve)
  4. [Hangoskönyv] Rejtő Jenő: Az elveszett cirkáló (Rudolf Péter)
  5. [Könyv] Bartos Erika: Bogyó és Babóca történetek

Keresés

Címkék

2000 (20) 2001 (6) 2002 (16) 2003 (164) 2004 (61) 2005 (40) 2006 (31) 2007 (28) 2008 (33) 2009 (175) 2010 (188) 2011 (201) 2012 (86) 2013 (40) 2014 (36) 2015 (26) 2016 (10) adáshiba (91) android (1) animáció (93) cygwin (3) film (410) gezarol (13) hájtek (159) hangoskönyv (32) ipad (17) klip (12) könyv (191) linux (29) színház (169) vers (17) windows (37) zene (111) Címkefelhő

Archív

+jegyzések

Feedek

XML

Most ...

... múlok .osan

bmi_tiny.png

... hallgatom
Szabó Magda: Régimódi történet
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSqTmZEqlCRFgojyt52Q2n_qiMTyVlt-zJu-DpbNKVY6OQbBh4u

... olvasom
Alexander Steele (szerk.): Kezdő írók kézikönyve

... (Kik ezek? Kik ezek az embek? Kik ezek?)
profile for TrueY on Stack Exchange, a network of free, community-driven Q&A sites
free counters

eKönyvek

Digitális Irodalmi Akadémia
Magyar Elektronikus Könyvtár

[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
0

Ajánlott bejegyzések:

A bejegyzés trackback címe:

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

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.
süti beállítások módosítása