Angularjs 如何获取图像二进制数据并显示?

Angularjs 如何获取图像二进制数据并显示?,angularjs,asp.net-web-api,Angularjs,Asp.net Web Api,在我的angular应用程序中,我集成了google认证,我需要显示服务器端生成的QR码 如何使用angular$http.get接收图像的二进制数据并将其分配给现有的或其他内容 从服务器发送数据应选择何种格式?原始二进制.png数据,或者可能是base64 有什么好主意吗 另外,我无法在服务器上生成和存储映像,只能发送链接。我假设您使用的是来自的API。如果是这种情况,您可以简单地将完全格式的查询字符串设置为imgsrc,它应该加载png。我以前做过创建比特币QR的工作 i、 e.如果这是您的

在我的angular应用程序中,我集成了google认证,我需要显示服务器端生成的QR码

如何使用angular
$http.get
接收图像的二进制数据并将其分配给现有的
或其他内容

从服务器发送数据应选择何种格式?原始二进制
.png
数据,或者可能是
base64

有什么好主意吗


另外,我无法在服务器上生成和存储映像,只能发送链接。

我假设您使用的是来自的API。如果是这种情况,您可以简单地将完全格式的查询字符串设置为imgsrc,它应该加载png。我以前做过创建比特币QR的工作

i、 e.如果这是您的API查询

它还应该作为imgsrc工作,即使它没有.png文件扩展名。我不确定它是否能与ngsrc一起工作,所以只需创建您的图像标记,如


不,我正在使用此url
https://www.google.com/chart?chs=200x200&chld=M|0&cht=qr&chl=otpauth://totp/{0}%3Fsecret%3D{1}
获取给定身份的二维码,在客户端使用它会造成安全漏洞,因为我必须让客户端知道使用的秘密字符串。然后我只需添加一个端点,该端点接受客户端参数,在google上生成QR,将文件发布到S3,然后返回URL。你需要一种中间文件,这样你就不会在每次请求文件时都调用Google API,除非它是一次性的。这正是我想要避免的,生成中间文件:)我想我在这里找到了一个解决方案,正在试验。