相対パスで画像を取得

Question

私はAngular 4アプリケーションを作成します。私は自分のコンピュータ上にある画像を取得したいですが（一時的ではない）、相対的な経路で電話してください。

this.avatar = 'C:/Users/....../images/picture.png'; 


<img [src]="avatar" class="user-img"/> 

私はセキュリティ上の問題がありますが、なぜ私は何をすればよいですか？

ありがとう！あなたのコンポーネントで

Answer 1

<input type='file' (change)="readUrl($event)"> 
<img [src]="url"> 

：

readUrl(event) { 
    if (event.target.files && event.target.files[0]) { 
    var reader = new FileReader(); 

    reader.onload = (event) => { 
     this.url = event.target.result; 
    } 

    reader.readAsDataURL(event.target.files[0]); 
    } 
} 

から：How to preview picture stored in the fake path in Angular 2/Typescript?