Angular2 Cannot read property 'nativeElement' of undefined

Sujeet Raman

I am trying to get datas from

but am getting 'nativeElement' of undefined error.what mistake i did?

import { Component, OnInit, ElementRef } from '@angular/core';

public uploadImage(): void {

alert("file methode strike");

this.elem.nativeElement.querySelector('#spinner').style.visibility = 'visible';

let files = this.elem.nativeElement.querySelector('#selectFile').files;

let formData = new FormData();

let file = files[0];

formData.append('selectFile', file, file.name);

this._StartpageAdminservice.uploadImage(formData).subscribe(

res => this.dataLoaded(res));

console.log(this.dataLoaded);

private dataLoaded(data: any): void {

this.elem.nativeElement.querySelector('#spinner').style.visibility = 'hidden';

}

html(which is inside a

Name :

Link Url :

Image Upload :

Publish Start Date :

Publish End Date :

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sandip G Patil7y ago
Make sure you used code like:

@ViewChild('fileInput') myinput: ElementRef;
Sujeet Raman9y ago
image name is getting..but i need to send all the form data with this image..how i can get all the datas
Sundaram Subramanian9y ago
Try this below code

import { Component, ViewChild, ElementRef} '@angular/core';
@Component({
//...
template: `

`
//...
})
export class FileInputComponent {
@ViewChild('fileInput') myFileInput: ElementRef;
getFileLater() {
console.log(this.myFileInput.nativeElement.files[0]);
}
fileChanged(event) {
console.log(event.target.files[0]);
}
}