how to send a file from front end to back end with javascript or angularjs

Question

some one knows how to send a file in an ajax request? my current problem is that i have the URL of the file in a

 <input type="file" />

but i don't know how to "load" the file in a variable or js object to can send it to my server

Can someone who has done this help me ? if there is any way to do it with AngularJS it would be great

Answer 1

Well you have two options to do so

1. by converting to base64 but you can only send a max of 2mb data with it

2. with form data, convert your data to multipart/form-data to do so you can use form data

    var formData = new FormData(); formData.append('file-name', $(file-content);