Binary to image

[vildantursic]

filesDownload or filesGetThumbnail returns object with fileBinary property. I can't in any way I tried convert that data to image.

Most of the time I get this exception

DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.

Unless I do this

...
img.src='data:image/jpeg;base64,' + window.btoa(unescape(encodeURIComponent(response.data.fileBinary)));
...

But again it is unreadable

And here is screenshot of original fileBinary data and converted data with code above

Any kind of solution would be nice 😄 thank you!

[Greg-DB]

I believe you can just do something like this instead:

dbx.filesDownload({path: '/test.jpg'})
  .then(function(response) {
    var fileUrl = URL.createObjectURL(response.fileBlob);
    var img = document.createElement('img');
    img.setAttribute('src', fileUrl);
    document.getElementById('results').appendChild(img);
  })
  .catch(function(error) {
    console.error(error);
  });