Angular upload/download Rename/delete json file - json

Question

am trying to add functions to my existing Angular project.
I need to add features like upload , download , rename or delete json file.
So I need some advice , for the easy way to do that because am new and learning typescript and angular.
Can you please guide me
Thank you

Answer 1

I can answer download
There are three steps you need to do
1- Issue the proper request from angular side
download(): Observable<HttpResponse<Blob>> {
return this.http.get<Blob>(someURL, {
observe: 'response',
responseType: 'blob'
});}
2- At your backend you need to set the proper headers with response, this snippet of code works with .net4.7 to return csv file contents
var contents = new byte[0]; //set your file contents at this line
var response = new HttpResponseMessage(HttpStatusCode.OK) { Content = new
ByteArrayContent(contents)};
response.Content.Headers.ContentDisposition = new
ContentDispositionHeaderValue("attachment")
{
FileName = file.Name
}
response.Content.Headers.Add("Access-Control-Expose-Headers", "Content-
Disposition");
response.Content.Headers.ContentType = new MediaTypeHeaderValue ("text/csv");
return response;
3- Finally subscribe to the http request at angular side
const result
= this.service.download()
.subscribe(res=> {
let contentDisposition = res.headers.get('content-disposition');
let filename = contentDisposition.split(';')[1].split('filename')
[1].split('=')[1].trim();
let blob = res.body;
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = fileName;
document.body.appendChild(link);
link.click();
window.URL.revokeObjectURL(url);
link.parentNode.removeChild(link);
});