2017-06-13 15 views
0

5時間の闘争の後、私は誰かが私を助けることができるかどうかを質問することを決めます。アプリケーションのフロントエンドにAngular 2を使用しましたが、今はサーバー上に画像をアップロードする際に問題があります。ページが再読み込みされているため、アップロード後に問題が発生します。私はangular2-image-uploadを使用します。 app.moduleで私はこれを追加します。角2のアップロード画像

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

をhtmlファイルでは、私は、この持っている:

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

を、すべてがOKで、画像がアップロードしたが、コンソールに、私は、この情報を得た

[WDS] App updated. Recompiling.. 

ページが読み込まれています。

誰にこのような現象が起こっているのでしょうか。それは、画像のアップロード後にページをリロードするべきではありません、それは最初から全体のアプリをリロードするので、あなたがこのメッセージ

[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

問題は、画像のアップロード中です。

最初の手順はcheck preserve log in consoleですので、ページのリロード時にコンソールをリフレッシュしないため、エラーが表示されます。

+0

別のライブラリを試しましたが、イメージのアップロードが正常に完了した後に問題が発生しました。コンソールでログを保持する方法を確認するには? – Sasa

+0

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

+0

しかし、私はそこにしかこのメッセージがありません:[WDS] App updated。再コンパイル...私はあなたが何かを意味すると思った – Sasa

関連する問題