I've tried several different options, so many I've lost track of them all. I'm making an AJAX request and the response is of `Content-Type: image/png`, and the contents are the actual image.

I would absolutely love to display the image, but nothing seems to work the way I want:

```
// imgdata contains a string that looks like this: "�PNG..."
var img = document.createElement('img');

// no good
img.src = 'data:image/png;base64,' + btoa(unescape(encodeURIComponent(data)));

// also no good
img.src = 'data:image/png;base64,' + btoa(encodeURIComponent(data));

// also no good
img.src = 'data:image/png;base64,' + btoa($.map(d, function(x){ return x.charCodeAt(0); }))

```

I've tried a few other things, but still no dice.

Is there any simple (or even complciated) way to do this in Javascript?