javascript - 如何将base64与src中的类型连接起来
问题描述
<div *ngFor="let el of list">
<img [src]='el.photo'
</div>
Api retturn el.photo = '/9j/2wBDAAMCAgMCAgMDAw......'
我想与
data:image/jpeg;base64,
类似的东西
<img [src]='data:image/jpeg;base64, + 'el.photo''>
解决方案
首先是
<img [src]="'data:image/jpeg;base64,' + el.photo">
但我想这只是一个错误。但是,我建议您在控制器中而不是在视图中进行这样的连接(作为良好编码实践的一部分)。你可以例如。创建一个在控制器中返回连接字符串的函数:
function getBase64ImageSrc(photo) {
return 'data:image/jpeg;base64,' + photo;
}
然后在视图中使用这个函数:
<img [src]="getBase64ImageSrc(el.photo)">
推荐阅读
- c# - 如何使用数据库中的数据构造模型对象?
- angular - 页面特定组件Angular 7
- c# - 如何获得多个值?
- php - laravel 中用于管理员保护的自定义注销重定向
- javascript - 反应:无法在对象中呈现值
- github - 从位于 Github 中的文件创建 Kubernetes 对象
- laravel - Laravel 显示 PHP 代码而不是执行它
- java - 如何使用 Java 8 Streams 收集 int[][] 类型的每一行的第一个元素
- javascript - ReactJS:如果在承诺解决后通过身份验证,则呈现私有路由
- linkedin - 领英 API 访问