2016-04-15 66 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()); } –