Obraz binarny załadowany z serwera na obraz z javascript

Question

Załaduję obraz jpeg z mojego serwera w formacie binarnym za pośrednictwem XMLHttpRequest (potrzebuję tego w ten sposób). Nie jest kodowany base64.

Czy można go przekształcić w obiekt img za pomocą javascript?

Dzięki

Answer 1

Jeśli kodowanie znaków w XMLHttpRequest został ustawiony na something that won't change the binary data lub masz set the response type można następnie uruchomić .responseText przez btoa (wprowadzenie jej w base64 i pozwalając przypisać go jako danych URI) lub uzyskaj dostęp do danych binarnych odpowiednio .response.

---

Zakładając, że wystąpienie o nazwie xhr i używasz metody charset przed xhr.send ale po xhr.open zrobić

xhr.overrideMimeType("text/plain; charset=x-user-defined"); 

wtedy, gdy jesteś 200 OK

var dataURI = 'data:image/jpeg;base64,' + btoa(xhr.responseText); 

których można następnie ustawić jako src z .

---

znów zakładając xhr, tym razem .response sposób; między .open i .send,

xhr.responseType = "arraybuffer"; 

Następnie na 200 OK

var arrayBufferView = new Uint8Array(xhr.response), // can choose 8, 16 or 32 depending on how you save your images 
    blob = new Blob([arrayBufferView], {'type': 'image\/jpeg'}), 
    objectURL = window.URL.createObjectURL(blob); 

które można ustawić jako src wystąpienia <img>. Example