how to upload images with Angular js ? or how to use / simulate ng-model in input type file?

Question

I have a form which contains name, email, and user's image for a web app registration. I send data via a REST API with $http in an object called userData. How can I add to this object the file / image? How to use angular model or bind the file to a scope variable?

Thanks in advance.

An answer to a question I've asked: Pre-Populate HTML form file input — Luigi Siri
– Luigi Siri, Commented Nov 25, 2015 at 21:21
its not about prepopulating the image, it is the user who will do it, its about binding uploaded file to a ng-model . — Nacim Idjakirene
– Nacim Idjakirene, Commented Nov 25, 2015 at 21:41
didnt get it, do you want to send the file to the server? do you want to upload to s3? what do you want to do? — Jony-Y
– Jony-Y, Commented Nov 25, 2015 at 22:09
@Jony-Y i want to send the file to my server ( laravel backend ), but i would like to send it in the same objet with the other input element (name, lastname, tel, email..etc) but ng-model does not work with file input . — Nacim Idjakirene
– Nacim Idjakirene, Commented Nov 26, 2015 at 8:49

Fredrik Holm · Accepted Answer · 2015-11-25 21:44:43Z

1

I use ng-file-upload: https://github.com/danialfarid/ng-file-upload

It works well with images and supports uploading by drag and drop, multiple files etc.

answered Nov 25, 2015 at 21:44

Fredrik Holm

1669 bronze badges

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

Collectives™ on Stack Overflow

how to upload images with Angular js ? or how to use / simulate ng-model in input type file?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related