代码之家 › 专栏 › 技术社区 › Antoine V

何时使用blob类型从api获取图像?

blob angular javascript

Antoine V · 技术社区 · 7 年前

我是一个角度的新手。我显示了Web API返回的图像。

所以 imageURL 喜欢:

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

我只是把它绑定到img-src。

<img [src]="imageURL"/>

这个 img 完全显示我想要的图像。

但是我搜索了如何从API中以角度加载图像,主要结果是使用 Blob 没有人喜欢我做的事。喜欢这些问题。

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

我试着用 斑点 但我看不出有什么不同。

所以我想知道为什么和何时使用 斑点 ? 对不起,如果这个问题太基本了。

1 回复 | 直到 7 年前

Drenai 7 年前

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

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

所以基本上它依赖于服务器,而UI需要支持服务器返回的数据类型。当然也有例外,比如需要图像处理等。

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

欢迎发表评论或意见

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前