Is there a way to make the selected file visible without having to reload the entire page? I want to find a cleaner method for displaying the uploaded document.
public onFileSelected(event): void {
console.log(this.fileId)
const file = event.target.files[0];
if (file) {
const formData = new FormData();
formData.append("file", file, file.name);
this.testService.postUrl(`${this.fileId}/upload-document`, formData)
.subscribe((data) => {
Swal.fire("Document", "The document has been uploaded.", "success");
});
}
this.getDocuments();
//this.router.routeReuseStrategy.shouldReuseRoute = () => false;
const RedirectUrl ='/portal/docupload/' + this.fileId
this.router.navigateByUrl('/portal/docupload/' + this.fileId, {skipLocationChange: true}).then(() => {
this.router.navigate([RedirectUrl]);
this.active = 4;
// When skipLocationChange true, navigates without pushing a new state into history.
});
}