image path in ng file upload in angular

Question

After uploading the image using ng-file-upload to https://angular-file-upload-cors-srv.appspot.com/upload

,I get in response only the image name.

Now, if I want to render the image in html

 <img ng-show="createRecipeForm.file.$valid" src="{{response.filename}}" class="img-rounded"  height="100">

or

 <img ng-show="createRecipeForm.file.$valid" ngf-thumbnail="{{imageArray[$index]}}" class="img-rounded"  height="100">

How do I get my image here? I am using this for demo purpose and need to get it from my local computer only for now.

I see can not give path to a drive on computer here for src.

So, how do I render the image in html given that I have the file name.

Lucas Rodriguez · Accepted Answer · 2015-12-10 03:39:27Z

1

If you are storing the file using a web server, you should have access to the relative path of the server to use before filename in src="{{response.filename}}"

Check where in the folder structure you are storing them, then you can try: (e.g.)

src="/AppData/{{response.filename}}"

answered Dec 10, 2015 at 3:39

Lucas Rodriguez

1,2036 silver badges15 bronze badges

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

2 Comments

Simran Kaur Over a year ago

But what if I do not want to save the file anywhere and just hold it in scope against a ng-model, save in an array on upload and then rende from that array? Is that posible?

Lucas Rodriguez Over a year ago

The file needs to be stored somewhere. Angular itself won't store a thing, the browser may do it, but this storage is limited.

Collectives™ on Stack Overflow

image path in ng file upload in angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related