問題タブ [flow-js]

ユーザーがflow.jsを使用してファイルをアップロードできる AngularJS SPA があります。より正確には、そのラッパーng-flowを使用しています。

flow-btn現在、Selenium で自動化された e2e テストを設定していますが、ユーザーが要素をクリックしたときでも、ドラッグ アンド ドロップを使用したときでも、前述のアップロード メカニズムをテストする方法がわかりません。

グーグルで検索すると、 をクリックしたときに開いたダイアログ ボックスを Web ドライバーが認識できないというこのページflow-btnが見つかりましたが、この最後の要素は<input>要素ではなく、<span> (a を使用する唯一の方法flow-btn)であるため、できます。リンクされたページで提案されている解決策を使用しないでください。

Seleniumでflow.jsファイルのアップロードをテストする方法について何か考えはありますか?

アップロード機能に FlowJS angular プラグインを使用しようとしていますが、少し調整する必要があります。すべての種類のファイルが必要です

ASP.NET MVC を使用しています。

私の入力ボタン

私のアップロードボタン

そして機能

私のmvcコントローラー

これは正常に機能しますが、複数のファイルをアップロードすると、ファイルのたびにコントローラーがヒットします。すべてのファイルを一度にコントローラーに送信する方法を見つける必要があります。

これを達成する方法はありますか？

ファイルのアップロードにFlow.JS http://flowjs.github.io/ng-flow/を使用しています。

私の要件は、次のデータをすべて1 回の保存ボタンのクリックで送信する必要があることです。

1. 複数のファイル
2. ファイルとともに 2 つの文字列値。

次の方法はうまくいきます。

ajax 呼び出しのアップロード

そして私のMVCコントローラー

これはすべて正常に機能します。フォームデータを使用する代わりにこれを行うためのより良い方法があるかどうかを知りたいのですが、代わりにデータモデルを使用してこのすべてのデータを送信する可能性があります。これは、一部の MVC データ検証で必要になるためです。

大きなファイルのアップロードのために、スキッパーとflowjsをng-flowと一緒に使用しようとしています。

flowjs リポジトリにあるNodejs のサンプルに基づいて、ファイルのアップロードを処理するための帆コントローラーとサービスを作成しました。小さなファイルをアップロードすると問題なく動作しますが、大きなファイル (200 Mb のビデオなど) をアップロードしようとすると、エラー (以下にリスト) が表示され、配列req.file('file')._filesが空になります。アップロード中に数回しか発生しないという興味深い事実。たとえば、flowjs がファイルを 150 チャンクにカットした場合、セイル コンソールでは、これらのエラーは 3 ～ 5 回しか表示されません。そのため、ほとんどすべてのチャンクがサーバーにアップロードされますが、一部が失われ、結果としてファイルが破損します。

これらのエラーは、すべての flowjs パラメーターに対して表示されます。

スキッパーを正しく使用するには、テキスト パラメータを最初に送信する必要があることを知っています。そして、chrome ネットワーク コンソールで、flowjs がこのデータを正しい順序で送信することを確認しました。

助言がありますか？

コントローラー方式

サービスポスト方式

編集

maxChunkRetries: 5デフォルトでは であるため、flowjs プロパティを設定するソリューションが見つかりました0。サーバー側では、req.file('file')._filesが空の場合、(flowjs のコンテキストで) 永続的ではないエラーをスローしています。

それで、それは私の問題を解決しますが、なぜこのように振る舞うのかという疑問はまだ未解決です. flowjs および Nodejs のサンプル コードではconnect-multiparty、追加のエラー処理コードが使用されていないため、おそらくスキッパー bodyparser バグです。

$flowangularJSコントローラーでオブジェクトにアクセスする方法の例はありますか? ファイルがアップロードされる前に、エンド ユーザーが送信ボタンをクリックした後、ファイルを反復処理する必要があります。

$flowフロントエンドからオブジェクトを渡そうとしました...

そして、バックエンドから直接アクセスしようとしています...

$flow オブジェクトは常に未定義です。

手順と Java サーブレットへの呼び出しに従って、プロジェクトに flow.js を追加しました。

私のサーブレットでは、URL のすべてのパラメーター (flowChuckNumber、flowChuckSize など) を取得しますが、ファイル (request.getInputStream()) を取得しようとすると、空で 0 バイトがアップロードされます。

問題はどこだ？何か案が？

同様の質問を見つけましたが、それはPHPでした...

私のコード:

HTML(画像が表示されます):

アプリの AngularJ:

私のサーブレット（私はこの例に従いました）：

サーバーに画像をアップロードするために ng-flow ( flow.js の角度付きラッパー) を使用しています。

JS コード: チャンク テストを回避するための次のオプションを備えた標準:

サーバーにマルチチャンクアップロードの方法を実装するのではなく、以下のように完全なファイルのアップロードを受け入れるだけです (つまり、チャンクはありません)。

興味のある方のために、サーバーの spring-mvc メソッドは、クライアントで解析する Media json オブジェクトを返すように構成されています。

flow.js を 1 つのチャンクでアップロードするにはどうすればよいですか?