Convert Binary Stream into Image

@NachfolgerJan 20.2020 — #@travaris#1613327

I believe you will need to fetch the binary string, base64 encode it, then set it as the image SRC.

Per the stackoverflow question ([Source](https://stackoverflow.com/questions/14915058/how-to-display-binary-data-as-image-extjs-4)) the following code should work.

HTML

``<i>
 </i>&lt;img id="binary-image" src="/" alt="Loading"&gt;&lt;/img&gt;<i>
 </i>`</CODE>
 
 JavaScript
 <CODE>`<i>
 </i>function getBinaryImage();
 let request = new XMLHttpRequest();
 let url = "//127.0.0.1/image_files/?cmd=get-image;generate=-177991679;ctype=0;p=";
 
 // Attributes
 request.onreadystatechange = function() {
 // Checks
 if (request.readyState !== 4) { return false }
 if (request.status !== 200) { return false }
 
 // UI
 document.getElementById('binary-image').src = 'data:image/jpeg;base64,' + btoa(request.responseText);
 }
 
 // Submit
 request.open('GET', url, true);
 request.send();
 }
 
 getBinaryImage();<i>
 </i>``

Convert Binary Stream into Image

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Convert Binary Stream into Image

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴