イオン3でアップロードする前に画像をプレビューするには？

Question

jqueryを使用して画像をアップロードしてプレビューしようとしています。しかし、この

エラーを取得

Property 'result' does not exist on type 'EventTarget'. 
reader.onload = function (e) { 
$('#blah').attr('src', e.target.result); 
} 

page.ts

function readURL(input) { 

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

    reader.onload = function (e) { 
     $('#blah').attr('src', e.target.result); 
    } 

    reader.readAsDataURL(input.files[0]); 
    } 
} 


$('#file').on('change', function() { 
    readURL(this); 
}); 

page.html

<label for="file" class="lbl"><i class="fa fa-plus-circle"></i> &nbsp; Add Attachment</label> 
<input type="file" id="file" style="visibility: hidden"> 
<img src="#" id="blah"> 

sとどうなりますかolution ??私はこのコードは正しいと思うが、ただ問題は '結果'のプロパティです。 Javascriptを

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

     reader.onload = (event:any) => { 
     this.img1 = event.target.result; 
     } 
     reader.readAsDataURL(event.target.files[0]); 
    } 
     let fileList: FileList = event.target.files; 
     let file: File = fileList[0]; 
     console.log(file); 
    } 

で事前に感謝

Answer 1

ロングバック私はHTMLでイオン

で画像をプレビューするには、このコードを使用し

<input type="file" value="" (change)="fileChange($event)"> 
<img *ngIf="img1" [src]="img1"/> 

改善が