2017-09-02 6 views
1

Web APIサーバーとしてNode JSを使用していますが、フロントエンド用にAngular 4、Android、IOSを使用しています。投稿リクエストを使用してファイルのアップロードを正常に実装しました。私は外に1つのポートだけを公開しています。進捗バーを使ってファイルアップロードを実装する必要があります。私は過去にPOSTとGETの要求でしか作業していませんでした。私はサーバー上でそれを実装し、フロントエンドに進捗レスポンスを送る方法を得ていません。さらに、使用できる他の方法もあります。 誰かがDropzoneJSを使用することができますアップロードしたファイルの場合、このプロセスファイルアップロードnode.js express

答えて

0

で私を助けることができればそれは大きな助けになるでしょう。フロントエンドにAngularを使用しているので、Dropzone for Angularを使用してください。

0

私はそれを調べて、socket.ioを使って同じことを達成することができたと聞いていました。私はストリームデータ上のシャープなパッケージを必要とします。

0

サーバ側では、multerを使用して内蔵高速ルータを使用します。 Multerはマルチパートのフォームデータを解析し、エクスプレスルータで非常にうまく動作するコールバックを使用します。

UIの場合、マルチパートフォームデータをアップロードできる要素が必要です。あなたがHTML 5を使用している場合、あなたはそこにあるすべてのライブラリについてちょうど使用できるはずです。私は個人的にVaadinのアップロードを使用します。それはあなたのためにすべての仕事をする要素の素晴らしいドロップです。素晴らしいアップロードバーとステータスが組み込まれています。

+0

アップロードを一時停止するための進捗状況と機能をクライアントに送信できますか?さらに、セキュリティのために保存する前にデータ処理を実装することができます –

+0

はいとはい。 vaadinのアップロードでは、停止とキャンセルを一時停止できます。彼らはあなたのためにそれをすべて実装しました。サーバー側まで。私はあなたの表現を使用していると仮定しています。 Multerは、そのアーキテクチャに適合するもう一つのミドルウェアです。あなたの認証を行うミドルウェアや、必要なものを自由に追加することができます。 – nbroeking

+0

2つを一緒に使用する必要はないことに注意してください。マルターとエクスプレスは非常に一般的な図書館です。多くのui図書館と要素は、急行とマルチテキストで動作します。私は彼らが非常に専門的な見た目の要素を作成すると思うので、私はちょうどvaadinを使用します。 – nbroeking

関連する問題