2016-04-15 65 views
1

我有base64编码字符串的变量,我想解码它,然后在HTML模板中显示它。我正在使用Angular 2与打字稿。QR code from base64编码字符串Angular 2

因此,我正在寻找一些用于Angular2/Typescript的base64编码/解码库以及一些用于从解码字符串创建图像的选项。

感谢

+1

对不起,我把它与Dart混合在一起,因为我之前正在研究Dart问题。 –

+1

你做了我的一天。 :D –

+0

to'encode/decode' in base64 javascript's'btoa()/ atob()'方法就足够了,生成一个QR码'angular' had [this](https://github.com/monospaced/angular -qrcode)第三方组件,但[支持'angular2'仍然在考虑之中](https://github.com/monospaced/angular-qrcode/issues/39) –

回答

0

我是这样解决的:

this.QRCode = "data:image/png;base64," + base64EncodedQRCodeInString; 

this.QRCode被映射到属性绑定模板,例如<img [src]="QRCode" />,其时并不需要将其从解码的base64。浏览器完全支持base64编码的字符串。

+0

你是如何创建base64EncodedQRCodeInString的? 你的代码中的“this”是什么? – kris

+0

base64EncodedQRCodeInString来自JAVA后端REST API,它的创建者为: ByteArrayOutputStream stream = null; (“UTF-8”) .stream();这是一个简单的例子,它可以帮助我们更好地理解这些内容。 if(stream!= null)返回Base64Utils.encodeToString(stream.toByteArray()); } –