hotti: jpg-Bilder aus MySQL [BLOB] in einem canvas darstellen ?

Beitrag lesen

hi,

Du brauchst nur das:

Du holst das Bild per Ajax entweder als Binary oder Base64. Daraus erzeugst Du einen ArrayBuffer, das ist wiederum eine Binaray, mit welcher ein Browser was anfangen kann.

die Ajax-Response gleich als ArrayBuffer anfordern.

Jetzt hast du den ArrayBuffer, daraus erstellst Du einen Blob und aus dem wird ein URL gemacht:

var bb = new Blob([myArrayBuffer]);
  var url = URL.createObjectURL(bb);
  document.getElementById('imgpreview').src = url; // Bild wird gerendert


>   
> Der Blob-URL sieht etwa so aus:  
>    blob:628440d5-4f11-44b3-a1e5-b20fcebab202  
> und das ist ein URL, den nur der Browser kennt.  
  
Weitere Infos auf MDN und [hier](http://rolfrost.de/video.html) ein Beispiel, wie das mit einem Video funktioniert.  
  
Schönen Sonntag