Javascript 将dropbox get_缩略图响应转换为img

我试图将dropbox api的响应转换为页面中的实际img标记，实际上，从api返回的响应具有如下形状

����JFIF��C%#、#和“'）*）-0-（0%（）(��C(((((((((((((((((((((((((((((((((((((((((((((((((((��@0"�� ���}!1AQa“q2���#B��R��$3br� %&'（）*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz��������������������������������������������������������������������������� ���w！1AQaq“2�B���� #3R�溴� $4.�

这就是我试图在img元素中转换该响应的内容：

var imgsrc = 'data:image/jpeg;base64,' + hexToBase64(data);
var img = new Image(100, 100);
img.src = imgsrc;
document.body.appendChild(img);

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

其中，传递给hexToBase64函数的数据变量包含服务器响应，但它不起作用（此解决方案只是另一个stackoverflow问题中检索到的代码的复制粘贴）

非常感谢您的帮助

---

谢谢。

[参考交叉链接：@Greg yep！mattia o.总是我：）今天我将尝试他们提出的解决方案。谢谢！