将dropbox get_thumbnail响应转换为img

Question

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

JFIF C％＃，＃＆amp;'）*） - 0-（0％（）（ C（（（（（（（（（（（（（（（ （（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（（ ＃B R $3br ％＆amp;'（）* 456789：CDEFGHIJSTUVWXYZcdefghijstuvwxyz w！1AQaq“2 B ＃3R br $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 函数的 data 变量包含服务器响应但它不起作用（此解决方案只是在另一个stackoverflow中检索的代码的复制粘贴问题）。

非常感谢任何帮助。

感谢。