How to convert File in byte array[] and store in database using Angular & ASP.Net Core?

Question

I am new in angular and being stuck to do File-upload in angular

Technologies : Angular, ASP.Net Core, Sqlserver

I need to add file-upload feature in my Angular application where services are in ASP.Net Core and in Services fileupload datatype is in Byte[]

I have form like Below

I need to save all data in database on click of Save button with convert file in byte[] and store in database

Thanks you Guys in advance

what have you tried in this regard? have you written any code? — r wank
– r wank, Commented Aug 7, 2018 at 7:39
This isn't the first time this question has been asked here in SO. Do your research first and try it yourself so when you ask next time it would be more specific. — jegtugado
– jegtugado, Commented Aug 7, 2018 at 7:47
@ r wank, No i did not written any code. i search many sample but its save file in particular location but i want to convert file in byte[] and store in database — Hardik Leuwa
– Hardik Leuwa, Commented Aug 7, 2018 at 7:55

Muhammed Albarmavi · Accepted Answer · 2018-08-07 08:18:19Z

6

you don't need to convert any thing at ui side simply you can use formData and HttpClient to send binary data(files) to api.

this is a simple example

template

<input id="file" type="file"  (change)="fileChange($event.target.files)" />

component

export class FileUploadComponenet {

constractor(private httpClient:HttpClient){}

public fileChange(files:any[]) {

    if (files && files.length > 0) {
     let file = files[0];
     let formData = new FormData();
     formData.append('file', file);
     this.httpClient.post(url,formData).subscribe(res => console.log('File Uploaded ...');
    }  

  }
}

File Upload Component in Angular

answered Aug 7, 2018 at 8:18

Muhammed Albarmavi

24.5k9 gold badges72 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Martian99 Over a year ago

When you do it like this, how do the other fields get sent if that is a new formdata.

Collectives™ on Stack Overflow

How to convert File in byte array[] and store in database using Angular & ASP.Net Core?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related