Javascript 无法在angular js中下载图像文件

我正在尝试使用angularjs下载图像。在postman im中，输出为以下格式：

锟斤拷锟斤拷 JFIF，，锟斤拷xPhotoshop 3.08BIM\gP53616c7465645f5fdfdda5a4f94df34e8d1d8e056e7e5dcc820ce57f793e13bfa39119fdc1b0c079锟斤拷C锟斤拷�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟

<a id="download" ng-click="downloadfile()">Download FileName</a>

当我下载图像时，我会得到无效的图像

---

提前感谢

当拦截器关闭时，图像预览工作正常。否则它将显示原始数据我想知道格式是否正确，请尝试粘贴“data:image/jpeg；chrome地址栏中的charset-utf-8，“+encodeURIComponent（text），如果它正确显示图像，则问题不会出现在format@Kailas在chrome中，图像未显示。所以格式是错误的。

$scope.downloadfile=function(){
var download = document.getElementById("download");
$scope.downloadData =  锟斤拷锟斤拷JFIF,,锟斤拷xPhotoshop 3.08BIM\gP53616c7465645f5fdfdda5a4f94df34e8d1d8e056e7e5dcc820ce57f793e13bfa39119fdc1b0c079锟斤拷C锟斤拷�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟�锟;

download.onclick = function() {

  downloadFile("text.jpg", $scope.downloadData);
}

function downloadFile(filename, text) {
  var pom = document.createElement('a');
  pom.setAttribute('href', 'data:image/jpeg;charset-utf-8,' + encodeURIComponent(text));
  pom.setAttribute('download', filename);
  pom.click();
}
}