如何在Angular中读取blob数据作为文件

Question

我有一个API正在获取这种数据：

JVBERi0xLjcNCiW1tbW1DQoxIDAgb2JqDQo8PC9UeXBlL0NhdGFsb2cvUGFnZXMgMiAwIFIvTGFuZyzyhlbi1UyggL1N0cnVjdFRyZWVSb290IDE4IDAgUi9NYXJrSW5mbzw8L01hcmtlZCB0cnVlPj4vTWV0YWRhdGEgMTAxIDAgUI9WaWV3ZXJQcmVmZXJlbmNlcyAxMDIgMCBSj4NCmVuZG9iag0KMiAwig9iag0KPDwvVH lwZS9QYWdlcy9Db3VudCayL0tpZHNbIDMgMCBSIDE0IDAgUl0gPj4NCmVuZG9iag0KMyAwig9iag0KPDwvVHlwZS9YYWdlL1BhcmVudCayIDAgUi9ZXNvdXjZXM8PC9Gb250PDwvRjEgNSAwIFIvRjIgOSAwIFIvRjMgMTEgMCBSPj4vRXh0R1N0YXRlPDwvR1M3IDcgMCBSL0dTO

这不是显示的完整数据(实际数据很长(

我希望这些数据被视为一个文件，它可以是任何像图像，pdf，视频，zip等。

问题是，如果我将API的responseType设置为arraybuffer，我需要将响应数据转换为BLOB，但为此，我还需要我没有的文件类型。

是否有将数据直接作为文件查看的解决方案？

Answer 1

尝试文件保护程序：

npm install file-saver

和

import { saveAs } from 'file-saver';
var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
FileSaver.saveAs(blob, "hello world.txt");