Question

经过5个小时的斗争，我决定提出问题，看看是否有人可以帮助我。我使用Angular 2作为应用程序的前端，现在我在我的服务器上上传图像时遇到问题。上传后出现问题，因为我的页面正在重新加载。我使用angular2-image-upload。在app.module中我添加：

@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..

并且页面正在重新加载。

有谁知道为什么会这样？

提前致谢

Answer 1

可能的原因是，Angular监听所有的change事件并刷新。您的图像正在Angular侦听更改的目录中上载。例如，如果您上载图像并将图像移动到Angular > src > assets (dir)中。它将检测更改并重新加载整个应用程序。

考虑将图像上传到src目录之外。您还可以阅读有关Angular如何检测更改的信息。

Angular Change Detection - How Does It Really Work?

我知道这个问题是一年前提出的，但是如果有人遇到同样的问题，这可能会有所帮助。

Answer 2

问题是图片上传时，因为它不应该在图片上传后重新加载页面而且您收到此消息

[WDS] App updated. Recompiling..

因为它从头开始重新加载整个应用程序。

所以第一步是check preserve log in console，所以它不会在页面重新加载时刷新控制台，它会显示错误。

Angular 2上传图片

2 个答案: