How to display binary data as image – extjs 4

by

Need to convert it in base64.

JS have btoa() function for it.

For example:

var img = document.createElement('img');
img.src="data:image/jpeg;base64," + btoa('your-binary-data');
document.body.appendChild(img);

But i think what your binary data in pastebin is invalid – the jpeg data must be ended on ‘ffd9’.

Update:

Need to write simple hex to base64 converter:

function hexToBase64(str) {
    return btoa(String.fromCharCode.apply(null, str.replace(/\r|\n/g, "").replace(/([\da-fA-F]{2}) ?/g, "0x$1 ").replace(/ +$/, "").split(" ")));
}

And use it: 

img.src="data:image/jpeg;base64," + hexToBase64('your-binary-data');

See working example with your hex data on jsfiddle

More Related Contents:

  1. up() and down() versus Ext.getCmp()
  2. How to upload string as file with jQuery or other js framework
  3. Explain ExtJS 4 event handling
  4. Can scrapy be used to scrape dynamic content from websites that are using AJAX?
  5. Access Control Request Headers, is added to header in AJAX request with jQuery
  6. jQuery XML error ‘ No ‘Access-Control-Allow-Origin’ header is present on the requested resource.’
  7. How to get progress from XMLHttpRequest
  8. JavaScript/jQuery to download file via POST with JSON data
  9. Calling a JavaScript function returned from an Ajax response
  10. Detecting Back Button/Hash Change in URL
  11. Jquery/Ajax call with timer
  12. CORS error on same domain?
  13. Using raw image data from ajax request for data URI
  14. How to send a message to a particular client with socket.io
  15. How to load json into my angular.js ng-model?
  16. how to assign javascript variable value to php variable
  17. Asynchronous file upload (AJAX file upload) using jsp and javascript [duplicate]
  18. How to send multipart/form-data form content by ajax (no jquery)?
  19. Dynamically refresh a part of the template when a variable is updated golang
  20. $http.get(…).success is not a function
  21. Why my $.ajax showing “preflight is invalid redirect error”?
  22. How can I get all a form’s values that would be submitted without submitting [duplicate]
  23. responseXML always null
  24. how to schedule ajax calls every N seconds?
  25. Small Ajax JavaScript library [closed]
  26. $.post throwing “Illegal invocation “
  27. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]
  28. How do I put this on Real-Time? I already put (async: True) but it doesnt work
  29. Get data from html and and pass the data back to the front end using ajax or js
  30. XMLHttpRequest testing in Jest

Leave a Comment