問題タブ [flow-js]

フロー ファイル アップローダーを実装しようとしていますが、ユーザーが画像ファイルのみを選択できるようにする方法がわかりません。例をコピーしたので、

しかし、アップロード ウィンドウには、画像だけでなく、利用可能なすべてのファイルが表示されます。どんな助けでも大歓迎です-ありがとう！

FlowJSと EmberJSを統合しようとしています。サーバーへのデータのアップロードに成功したので、その部分は得意です。

フロー オブジェクト データを emberJS コンポーネントにバインドして、ハンドルバーを介してデータを表示しようとすると失敗します。何らかの理由でデータバインディングが機能していません。

コードの例を次に示します。

HTML

JS

例はhttp://jsfiddle.net/sisir/qLuobq48/2/でライブで見ることができます

基本的にここで行っているのは、フロー オブジェクトをコンポーネント プロパティとして保存することです。filesフローオブジェクトのプロパティは、アップロードするファイルの配列です。複数のファイルをドラッグ アンド ドロップまたは選択してアップロードすると、files配列が更​​新されます。コンソールで確認できます。ロギング コードは、filesSubmittedイベントを介して追加されます。

handlebars 式から、各ファイルはファイル キューから反復処理されます。最初は空ですが、後で入力されると、html に表示されません。何らかの理由でデータ バインディングが機能していません。

angularコントローラーからng-flowを使用して、ブロブデータのチャンクにアクセスしようとしています。

サービス呼び出しを介してチャンク BLOB オブジェクトを渡したいのですが、アクセス方法がわかりません。Azure WAMS を使用する特殊なケースであるため、ng-flow の組み込みのアップロード メソッドを使用することはできません。したがって、これらのデータのチャンクに BLOB としてアクセスするためのヘルプは大歓迎です。

Angular ラッパー ( https://github.com/flowjs/ng-flow/tree/master/samples/basic ) を介して flow.js ( https://github.com/flowjs/flow.js )を使用しようとしています。 ) ASP.NET WebAPI 2 サーバーにファイルをアップロードします。とにかく、アップロードするファイルを選択すると、WebAPI が最初のチャンク GET 要求を取得しただけで何も起こりません。POST が行われず、flow.js がアップロードを開始しなかったようです。

ファイルを選択したときに起動される最初の GET は次のとおりです。

そして、応答は次のとおりです。

その後、それ以上の要求は発行されません。

最新の WebAPI の例はなく、投稿が散在しているように見えるので、私のような初心者向けに、http://1drv.ms/1CSF5jqからダウンロードできるダミーの再現ソリューションを作成しました。これは ASP.NET WebAPI 2 です。対応するAPIコントローラーを追加した後、ホームビューにアップロードコードを配置したソリューション。F5 を押して、ファイルをアップロードしてみてください。API コントローラは にありUploadController.csます。

関連するコード部分は次のとおりです。

a)クライアント側: ng-flow ページのクイックスタートの例に似たページ:

対応するコードは、基本的に、モジュールの初期化を伴う空の TS スケルトンです。

b)サーバー側: 必要なスクリプトにいくつかのバンドルを追加し、ng-Flow を使用して ASP.NET でファイルをチャンクでアップロードする方法で見つけたサンプル コードから変更した次のコントローラーを追加しました。GETUploadメソッドでは、バインディング モデルを使用して署名を変更したことに注意してください (そうしないと、ルートが一致しなかったため 404 が返されます)。チャンクが見つからない場合は202 - Accepted、flow.js のドキュメントにあるように、404 ではなくコードを返します。その 200 は「チャンクは受け入れられ、正しいものです。再アップロードする必要はありません」に対応し、404 はアップロード全体をキャンセルし、他のコード (ここでは 202 など) はアップローダーに再試行するように指示します。

flowobj.opts.query を使用したファイルごとに異なるパラメーターを渡す必要がありますが、それはすべてのファイルに追加されます。パラメータは、ファイルのアップロードごとに異なる必要があります

ng-flow、NodeJS、および Express での開発中に問題は発生しませんでしたが、ng-flow および Express でスムーズに実行するために Nginx をリバース プロキシとして適切に構成することはできません。

保留中のステータスになっているリクエストの例を次に示します。

NGINX server.conf のディレクティブは次のとおりです。

nginx error.log を確認すると、次のことがわかります。

どんな助けでも感謝します。

乾杯、 ルカ

ページに複数のflow-btn要素があります。ユーザーが単一のファイルを (個別に) 直接アップロードできるアイテムのリストがあります。または、リストに自動的に入力される複数のファイルをアップロードすることを選択できます。すべてが の中にありflow-initます。

この疑似コードの例に少し似ています:

flow-btnアップロードされた画像のサムネイルを正しい位置に表示できるように、リスト内で使用されたものを特定する必要があります。item基本的にフローイベントからアクセスしたいと考えています。

注:リスト ループ データは他のデータによって定義されるため、ループし$flow.filesてリストを作成することはできません。

これどうやってするの？

flow-initループ項目ごとに新しいインスタンスを作成する必要がありますか? やり過ぎ？

編集:または、おそらく、for each項目flow-btnを持つのではなく、プログラムでコントローラーから複数を開くことができflow-btnますか?? その場合、現在のアイテムをコントローラーに隠しておくことができます。

flowjs/を使用して画像をアップロードしようとしてng-flowいますが、バックエンドで何も得られません。

これは、私の Flask で画像を受け取ることになっているメソッドですroutes.py:

を設定する必要があることに気付く前は、リクエストtestChunks:falseのみを受け取っていて、次のようになっていました。GETrequest.args

についてはPOST、次のようになります。

なぜこれが起こっているのか分かりません。プロジェクト内のフォルダーに画像を適切に保存する方法のように、ファイルを含む配列を取得した後に何をすべきかについて、いくつかのヘルプを使用することもできます。私が見つけた唯一の例はPHPであったため、誰かがPythonでそれを行う方法を明確にしてくれれば、本当に感謝しています!

ありがとう！