http - FileSaver.js 正在保存损坏的图像

Question

这工作正常，突然停止工作。我不确定到底发生了什么变化。

我需要通过 URL 下载多张图片。

我正在使用以下代码:
https://plnkr.co/edit/nsxgwmNYUAVBRaXgDYys?p=preview

$http({
  method:"GET",
  url:"imageurl"
}).then(function(response){

  saveAs(new Blob([response.data]), "image.jpg");

},function(err){

});

文件大小不同，不是0字节。

Answer 1

对于其他来这里的人，请查看this solution .

需要做的是在请求中添加responseType: "blob":

$http({
  method:"GET",
  url:"imageurl",
  responseType: "blob"
})
.then(...)

Here是 responseType 有效值的文档，它说默认值是 "" 所以响应被视为文本:

"": An empty responseType string is treated the same as "text", the default type (therefore, as a DOMString).

"blob:": The response is a Blob object containing the binary data.