javascript - 何时使用 Blob 类型从 API 获取图像？

Question

我是 Angular 的新手。我显示了 Web API 返回的图像。

所以 imageURL 喜欢:

localhost/get-image/?target=content&sizetype=348x194&id=129

我只是将它绑定(bind)到 img src。

<img [src]="imageURL"/>

img 显示的图像正是我想要的。

但我搜索了如何在 Angular 中从 API 加载图像，主要结果是使用 Blob 并且没有人喜欢我正在做的事情。喜欢这些问题。

Load image from api url into angular 5 component

Getting Image from API in Angular 4?

How to get image from rest api using HttpClient in angular 4

还有很多关于如何使用Blob的问题

我尝试使用 Blob 但我看不出有什么不同。

所以我想知道为什么以及何时使用 Blob？抱歉，如果这个问题太基础了。

Answer 1

决定使用Blob或现有的 image URL主要基于服务器 返回的内容。如果它返回文件系统上图像的 URL，而您只是想显示它，那么您应该使用它。

一些 API 以 Blob 的形式将图像存储在数据库中。在这种情况下，当您检索图像时，您将不会获得应用于 <img> 的 URL。标记，而是需要使用服务器返回的数据创建一个临时 URL，例如 URL.createObjectURL(myBlob);

所以基本上它取决于服务器，UI需要支持服务器返回的数据类型。当然也有异常(exception)，需要图像处理等

您提供的示例链接专门与返回 Blob 的 API 相关

欢迎评论或意见