HTML içinde BASE64 çalışmıyor

Ben base64 dizesi kullanarak görüntü görüntülemek için tüm yolu denedim. Ama hiçbiri çalışmıyor. IE6,7, Firefox 3'te test ettim. Lütfen aşağıdaki kodun nesi yanlış olduğunu söyle. Ben IE6,7 üzerinde testHTML içinde BASE64 çalışmıyor

<head> 

<STYLE type="text/css"> 
div.image { 
    width:100px; 
    height:100px; 
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...); 
} 
</STYLE> 
</head> 
<body> 
<img src="data:image/jpg;base64,968" /> 
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." /> 
<script type="text/javascript" src="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..."></script> 
<div class="image"></div> 
</body>

kaynak

2011-01-25 Amit Gupta

[Bu sayfa] (http://www.sweeting.org/mark/blog/2005/07/12/base64-encoded-images-embedded-in-html) adresini buldum. 2005) bir GIF görüntüsü için yapıldı. Örnek (hala) Firefox 3.6'da benim için çalışıyor. Sadece bu ilginç söz belki de URL boyutu sınırlıdır ... – pascal

Ancak, bu uygulama, sunucu simgelerin erişim tarafından yüklenir nedeni, muhtemelen önbellek yönetimi avansı ile azaltılmış olmalıdır (üzerinde) sunucu, ağ, istemci tarafı) o zamandan beri ... – pascal

, Şöyleki

Firefox 3 bu bu destek veri URI'lerinin hiçbiri (iyi, Firefox 3, sadece çok iyi sanırım yapar). Yani yanlış bir şey yapmıyorsun.

Bu tarayıcılarda görüntülenecek arka plan resminize ihtiyacınız varsa, geleneksel görüntü dosyalarını ve bunun yerine url() kullanın.

kaynak

2011-01-25 09:08:20 BoltClock

+1, ve burada tarayıcınızın destekleyip desteklemediğini tespit etmek için bir JS yoludur. http://weston.ruter.net/2009/05/07/detecting-support-for-data-uris/ –

Firfox 3.6 üzerinde denedim, başka bir dış referans vermeden görüntüyü görüntülemek için başka bir yolu var mı? –

@articlestack: Firefox 3.6, veri URI'lerini doğru şekilde desteklemelidir. Ama dürüstçe, güçlük değer mi? Görüntünüz büyük olasılıkla çok büyük olmayacaktır, bu nedenle bu görüntü için ekstra bir HTTP isteği zarar görmeyecektir. – BoltClock

HTML içinde BASE64 çalışmıyor

cevap

İlgili konular