Javascript değişkenindeki verilerden HTML görüntüsü oluşturma

Question

Javascript değişkeninde görüntü verilere (JPEG veya PNG) sahibim. Resmi bir HTML belgesinde nasıl görüntülerim? Bunlar çok büyük resimler ve URI çok uzun olduğu için bu işe yaramazsa gibi kod şunlardır:

// doesn't work because the URI is too long 
$('img#target').attr('src', 'data:...'); 

tuval kullanarak muhtemelen cevaptır ama görüntü verileri ile yüklemek anlamaya olamaz.

Merak ediyorsanız: hayır, görüntü verilerini doğrudan img etiketine indiremiyorum. Şifreli sunucudan geldi ve tarayıcıda Javascript kullanılarak şifresi çözüldü.

sayesinde
- Sanat Z.

Answer 1

bir tuval üzerinde çizmek için bir veri URL kullanmak için: this question/answer Başına

var img = new Image; 
img.onload = function(){ 
    myCanvasContext.drawImage(img,0,0); 
}; 
img.src = "data:..."; 

Eğer src önce onload set emin olun.

"URI çok uzun" diyorsunuz, ancak bununla ne demek istediğiniz belli değil. Sadece IE8'in veri URI'sinde 32kB sınırı vardır; diğer tarayıcılar için iyi çalışması gerekir. Bir hata yaşıyorsanız, lütfen açıklayın.

Answer 2

O

$('img#target').attr('src', 'data:...'); 

tüm IE haricinde çalışır çıkıyor. Sorunum başka bir yerden kaynaklandı.