2017-06-13 80 views
0

经过5个小时的斗争,我决定问问题,看看有人能帮助我。我使用Angular 2作为应用程序的前端,现在我有一个问题要在我的服务器上上传图片。问题出在上传之后,因为我的页面正在重新加载。我使用angular2-image-upload。在app.module我补充一点:Angular 2上传图片

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

在HTML文件中我有这样的:

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

而且一切正常,图像是上传,但在控制台中我得到这个信息

[WDS] App updated. Recompiling.. 

和页面正在重新加载。

有谁知道为什么会发生这种情况?

在此先感谢

+0

嘿,你可以分享浏览器控制台日志? – Aashish

+0

http://imgur.com/a/VeWrk这里是链接 – Sasa

+0

不能说那么多的日志。可能你可能会遗漏一些进口产品或某些与观察者有关的问题。只需再次深入代码即可。希望你找到。此外,这也可以帮助你:https://stackoverflow.com/questions/35985347/how-to-upload-file-in-angular2 – Aashish

回答

0

问题,而图像上传,因为它不应该重新加载图片上传后的页面,因为它重新加载从开始的整个应用程序,你收到此消息

[WDS] App updated. Recompiling.. 

因此,第一步是check preserve log in console,所以它不会刷新页面重新加载控制台,它会告诉你错误。

+0

我尝试了另一个库,并且在成功上传应用程序重新加载后出现了一些问题。如何检查保存登录控制台? – Sasa

+0

https://developers.google.com/web/tools/chrome-devtools/console/ –

+0

但是,我只有这样的消息:[WDS]应用程序更新。重新编译......我以为你的意思是在别的东西上 – Sasa