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

<input type="file"> is not for URLs. If you have an URL, use <input type="url"> (HTML5) or plain <input type="text">. Send the URL unchanged to the server, and let the server download it. If you in fact have a file (and not a file URL) in a <input type="file"> element, you'll use FormData to get the file contents into the AJAX request; you will also have to handle them at serverside, which is very language-dependent. — Amadan
– Amadan, Commented Nov 14, 2014 at 23:15
@HåkanFahlstedt duplicate - exactly like something else, especially through having been copied. This isn't a duplicate. — user4097807
– user4097807, Commented Nov 14, 2014 at 23:34
Thanks to all i solve it using a form and sending the post, i know this isn´t ajax but at the end was accepted for the project, thaks to all — iktuz
– iktuz, Commented Jan 4, 2018 at 23:29

Anonymus · Accepted Answer · 2020-07-31 10:18:53Z

1

Well you have two options to do so

answered Jul 31, 2020 at 10:18

Anonymus

213 bronze badges

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

1 Answer 1