将byte []转换为base 64并以图片javascript

Question

我正在mvc using Javascript中创建一个Web应用程序，我的页面流程应该类似于以前由开发人员构建的asp.net应用程序，在我的mvc应用程序中我有一个文件上传选项，

用户可以上传任何图像，当他再次返回页面时，他可以查看图像，

我将图像作为byte[]存储在数据库中，并且当用户从asp.net应用程序重新进入页面时，他能够正确查看图像，并且我需要实现相同的功能，

但是问题可能是，我无法将图像转换为base64并且用户无法看到图像，

这是我的数据在byte[]中的显示方式

和我的Javascript code

var img = document.createElement('img');
img.src = 'data:image/png;base64,' + btoa(file);
document.body.appendChild(img);

这是将其转换为base64时数据的外观

在两个base64 and byte[]中，数据对我来说似乎有点混乱

图片加载不正确

这是可以使用的

fiddle