2011-08-01 14 views
5

İşte sorun. Veritabanından ajax ile dinamik olarak alınan base64 görüntü dizilim var. Base64 dizgisi ile arka plan görüntüsünü değiştirmek için css'yi değiştirmek için jquery kullanabilir miyim

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvsAAAJECAYAAACIHevuAAAgAElEQVR4nO3d 

dize aldıktan sonra ben bir div

<div id="dragBox"></div> 
+0

Neden bazı klasördeki resim dosyasını yazmak ve ajax o dosyanın yolunu dönmüyor? Bence bu davayı çözecek. –

cevap

17

deneyin:

$('#dragBox').css('background-image', 'url(' + base64_string + ')'); 

temelde, sadece url() içine base64 koydu.

fazla bilgi: "Data URI scheme" Wiki

+0

oops ... Jamie beni döverdi. – Shea

+0

Ama senin için sorulan js çözümü. – Eric

+1

Bu tam olarak ihtiyacım olan şey. Ama bir şekilde FF üzerinde çalışmıyor. ama kromum üzerinde çalışıyor. – root

2

Sadece doğrudan CSS'de background mülkiyet url parametresi içine görüntü verilerini yerleştirebilirsiniz arka plan görüntüsü olarak ayarlamak ister.

#dragBox { 
background: url(data:image/png;base64,iv[...]); 
} 

İşte bir örnek: http://jsfiddle.net/uyrjs/

İlgili konular