問題タブ [angular-file-upload]

• danialfarid/ng-file-uploadプラグインを使用しています。ngf-select ディレクティブを .doc,.pdf 拡張子に設定しています。その正常に動作します。

• 問題は、ユーザーが .png または jpg ファイルを選択した場合、このファイルの種類が受け入れられないという警告ボックスをユーザーに表示したいことです。よろしくお願いします。

すべてのファイルが正常にアップロードされたときにアクションを実行したいと考えています。私はnervgh の angular-file-uploadを使用しています。これを行う方法がわかりません！

コントローラーには次のものがあります：

response: $scope.data, topicId: $scope.topicMsgsToShow, messageText: $scope.dataForNewMessage.MsgTextAngularJSで対応しています。

私はもう試した：

また： formData: [ $scope.data, $scope.topicMsgsToShow, $scope.dataForNewMessage.MsgText ]

どちらも機能しません。

angular-file-upload を使用して、画像とフォーム データをサーバーにアップロードしています。私はそれを一度に1枚の画像で成功させることができました。

私の問題は、私のフォームでは、別々の入力を使用して 2 つの画像をアップロードする必要があることです (また、他のフォーム データを送信することもできます)。別々の入力を使用する理由は、画像の 1 つがサムネイル画像で、もう 1 つがヒーロー画像であるためです。それらを区別し、それぞれのファイル パスをデータベースのそれぞれの列に挿入する機能が必要です。

同じ入力を使用して複数のファイルをアップロードする方法を説明したこの github の問題を読みましたが、異なる入力を使用して複数のファイルをアップロードする方法については何も見つかりませんでした。多分私はそれらを誤解しています。

現在、ヘッダー画像を選択しようとすると、サムネイル画像の値のみが変更されます。

ここに私のフォームがあります：

そして、これがファイルをサーバーに送信する方法です(onCompleteAllコールバックで、フォームデータをサーバーに送信しています):

コントローラー変数が変更されたときにファイル ピッカー ウィンドウを開くディレクティブがあります。ディレクティブのスニペットは次のとおりです。

私が抱えている問題は、div で ngf-select をトリガーできないことです。div を手動でクリックすると問題なく動作し、watch 関数は element.triggerHandler('click') を適切に呼び出します。これが機能しない理由を突き止めようとして数時間を無駄にしました。誰かが同様の問題を抱えている場合は、問題がどこにあるのかを理解するのを手伝ってください。

Ps 変数名に注意を払わないでください。それらはデモンストレーション用です。

私は過去数日間調査しましたが、これを理解することはできません.

目標: ユーザーが angular-file-upload フォームを使用してテキスト ファイルをアップロードし、multer がそのファイルを一時フォルダーに保存します。その後、データが POST され、ユーザーはファイルのメタデータとコンテンツを同じページまたはリダイレクトされたページで見ることができます。

問題: POST ルートで、console.log(req.file) を実行すると、ファイルにメタデータが表示されます。ファイルは一時フォルダーに保存されます。

res.send(req.file)、res.json(req.file)、コントローラー スコープ内のメタデータのデータ バインディング、res.locals、ミドルウェア関数、および覚えていない他の多くのことを試みました。 . json オブジェクトがビューに到達することはありません。

ここに私が取り組んでいるもののスニペットがあります。

ルート.js

app.js

controller.js

必須ファイル