Angular 2 uploading image

Question

After 5hrs of struggle I decide it to ask question to see if someone can help me. I use Angular 2 for front end of application and now I have a problem to upload image on my server. Problem is after uploading because my page is reloading again. I use angular2-image-upload. In app.module i add this:

@NgModule({
    imports: [
        ...,
        ImageUploadModule.forRoot(),
        ...
    ]
})

In html file I have this:

 <image-upload
    [max]="100"
    [url]="'http://myurl'"
    [buttonCaption]="'Select Images!'"
    [dropBoxMessage]="'Drop your images here!'"
></image-upload>

And everything is ok, image was upload, but in console I got this information

[WDS] App updated. Recompiling..

and page is reloading.

Can anyone knows why this happening?

Thanks in advance

Can't say much with that log. Probably you might be missing some imports or some issues with the observables. Just go through the code once again deeply. Hope you find. Also this might can help you as well: stackoverflow.com/questions/35985347/… — Aashish
– Aashish, Commented Jun 13, 2017 at 17:45
Yes, console log doesn't give any detail. In documentation is just one import, and I don't have an Observable.. :/ — Sasa
– Sasa, Commented Jun 13, 2017 at 17:51

Ashish Yadav · Accepted Answer · 2018-12-22 06:21:22Z

3

Probably the reason is, Angular listens all the changes event and refresh. Your image are being uploaded inside the directory where Angular listen changes. For example, if you upload your image and move image inside Angular > src > assets (dir). It will detect changes and reloads whole application.

Consider uploading images outside the src directory. You can also read about how Angular detects changes.

Angular Change Detection - How Does It Really Work?

I know the question is asked a year ago but still if someone gets the same issue this might help.

answered Dec 22, 2018 at 6:21

Ashish Yadav

2,0782 gold badges19 silver badges25 bronze badges

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

Comments

Vivek Doshi · Accepted Answer · 2017-06-13 18:10:14Z

0

Issue is while image uploading , because it should not reload the page after image uploading and you are getting this message

[WDS] App updated. Recompiling..

because it reloads the whole app from beginning.

So first step is to check preserve log in console , so it will not refresh the console on page reload , it will show you the error.

edited Jun 13, 2017 at 18:10

answered Jun 13, 2017 at 17:59

Vivek Doshi

58.8k12 gold badges120 silver badges126 bronze badges

7 Comments

Sasa Over a year ago

I tried another library and I got some problem, after image success upload app is reloading. How to check preserve log in console?

Sasa Over a year ago

But I got there only this message: [WDS] App updated. Recompiling... I thought you mean on something else

Vivek Doshi Over a year ago

That is because your errors are being replace with this

Vivek Doshi Over a year ago

Do you have plunker or any url so I can check?

Sasa Over a year ago

No, but I will make, just hold on

|

Collectives™ on Stack Overflow

Angular 2 uploading image

2 Answers 2

Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related