問題タブ [ng-flow]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
sails.js - Flowjs での Sailsjs Skipper ファイルのアップロードの使用
大きなファイルのアップロードのために、スキッパーと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 バグです。
javascript - アップロードされたファイルを保存するために、flowFactoryProvider config で動的フォルダー名を設定して upload.php ファイルに渡したい
このプラグインng-flowを使用して .zip ファイルをアップロードしていますが、正常に動作しています。ファイルが保存される動的フォルダーを作成するために動的値(user_id、job_id)を渡す必要がありますが、このプラグインはconfigメソッドを使用して初期化を取得し、configメソッドで動的値を渡す方法がありません
以下は私が使用したコードです
ビュー部分 - index.html
サーバー部分 - upload.php
コントローラー部分 - app.js、ここに、サーバー部分に動的な値を渡したい構成関数があります。Config メソッドで、動的な値にアクセスするプロバイダーを定義しようとしましたが、方法がわかりませんでした。config の値にアクセスする方法はありますか (アクセスしたい値は localstorageService プラグインにあります)
私はあなたに明確に説明したことを願っています.どんな助けや提案もいただければ幸いです よろしくお願いします
angularjs - angularjs カスタム ディレクティブ ファイルアップロード base64
ng-flowに依存するファイルアップロード(ファイルのbase64)を処理するディレクティブを書きたいのですが、ngModelを使用せずにディレクティブを機能させることができました(fをscope.fにバインドします:P)フォーム内でこのディレクティブを使用する方がよいでしょう (また、ng-change を使用する可能性は、機能があると非常に便利です)
テンプレートは
そのディレクティブを機能させた後、テンプレートを少し変更するのも良い方法を理解していれば、ファイルのダウンロードのみを許可する「読み取り専用」オプションも追加する必要があります(ボタン画像)
柔軟で再利用可能なディレクティブを記述するために ngModel/parser/formatter/viewValue を正しく使用する方法を理解することについて、いくつかの問題を見つけています
---- 編集ディレクティブは現在機能しているようですが、テンプレート (ファイルがアップロードされていない場合はファイル名またはデフォルトを表示) を正しく処理するのに問題があります。次のステップは、ng-disabled の場合の動作を変更することです。渡されます(または読み取り専用ですが、最初の実行と2番目の実行はほぼ同じです)基本的に、ディレクティブはボタンで別のアイコンを使用する必要があります(ファイルのアップロードは許可せず、ダウンロードのみを許可します) plunker
angularjs - ng-flow アップロード ファイル - ng-repeat リストの TOP に追加する方法
ファイルのアップロードに angular ng-flow コンポーネントを使用していますが、いくつかのニュアンス以外はうまく機能しています。アップロードしようとしている新しいファイルをリストの一番下ではなくリストの一番上に置いて、ユーザーがアップロードされた最新のファイルを明確にできるようにしたいと考えています。angular order by コマンドを使用してみましたが、新しいファイルをリストに追加するのと比較して既存のリストでない限り、機能しないようです。
基本的に、ファイルが完成したら各ファイルに新しい行を作成し、ファイルの詳細を出力します。
アップロード前のリストは次のようになります。
old1 old2 old3
次に、新しいファイルを追加すると、次のように表示されます。
old1 old2 old3 new1
私がしたいとき:
new1 old1 old2 old3
これはおそらく、リストに追加された新しいアイテムに Angular の ng-repeat 機能を使用することに関する質問です。