Base64イメージのAngular2 net :: ERR_UNKNOWN_URL_SCHEME

Question

HTML上にjpg/pngイメージを表示しようとしています。サーバーから私はBase64文字列を取得しています。 HTMLで次のように表示しています：

<md-card> 
    <md-card-content> 
    <img id="uploadPicture" class="uploadPicture" [src]="'data:image/jpg;base64,' +file_src "> 
    </md-card-content> 
    <md-card-actions> 
    <input id="uploadedFile" type="file" #fileInput (change)="chooseImage(fileInput.files)"/> 
    <button md-raised-button color="primary" [disabled]="isUploaded" (click)="uploadPicture(fileInput.files)">{{'upload picture' | translate}}</button> 
    <button md-raised-button color="primary" [disabled]="isRemoved" (click)="removePicture()">{{'remove picture' | translate}}</button> 
    </md-card-actions> 
</md-card> 

PUT URLを使用して画像をアップロードするとうまくいきます。

警告：危険な消毒私としても、警告を取得しています

ネット:: ERR_UNKNOWN_URL_SCHEME

：私はGETのAPIを使用して、それをダウンロードしようとすると、としてではなく、そのは私にエラーを与えてURLの値

私のコンポーネントでは、次のようにサニタイザを使用します。

しかし、機能しませんでした。誰かが何が問題になるか教えてもらえますか？

Answer 1

イメージをアップロードすると、http：\またはhttps：\がbase64stringに追加されます。