問題タブ [angularjs-fileupload]

AngularJS から node.js サーバーへの単純なマルチパート フォーム ポストを実行したいのですが、フォームには、一方の部分に JSON オブジェクトが含まれ、もう一方の部分に画像が含まれている必要があります (現在、$resource を使用して JSON オブジェクトのみを投稿しています)。

input type="file" から始めるべきだと思ったのですが、AngularJS はそれにバインドできないことがわかりました..

私が見つけることができるすべての例は、ドラッグ アンド ドロップ用の jQuery プラグインをラップするためのものです。1 つのファイルを簡単にアップロードしたい。

私は AngularJS を初めて使用し、独自のディレクティブを作成することにまったく慣れていません。

タイプファイルの入力タグで ng-model を使用しようとしました:

しかし、コントローラーでファイルを選択した後、 $scope.vm.uploadme はまだ定義されていません。

コントローラーで選択したファイルを取得するにはどうすればよいですか?

ng-upload を使用して AngularJS でファイルをアップロードしようとしていますが、問題が発生しています。私のhtmlは次のようになります：

そして、私の js コントローラーは次のようになります。

私が直面している問題は、切り抜き画像がヒットして uploadPostImage が実行され、フォーム全体がアップロードされたときです。望ましい動作ではありませんが、動作させることができます。大きな問題は、「完了」パラメーターが true に戻った場合でも、関数 uploadPostImage の「コンテンツ」パラメーターが常に未定義であるという js にあります。

目標は、トリミング用の画像のみをアップロードすることです。このプロセスで何が間違っていますか?

以下のように角度を使用してファイルをアップロードします。

次のコードを実行すると、403(Forbidden)

デバッガー コンソールで

以下のようにコードを変更するとOKです。

angularjs を使用して、一度に複数の異なるファイルをアップロードしようとしています。

今私が直面している最初の問題は、アップロードする前に複数のファイルを選択できないことです。複数のファイルを選択するために使用しているコードは次のとおりです。

2番目のファイルをアップロードしようとしても、最初のファイルに置き換えられます。

• ユーザーが選択したファイルをUIに表示したい
  。

• ユーザーは同じファイルを 2 回選択しないでください。選択しようとすると、エラーが表示されます。

• ファイルの選択中は、[アップロード] ボタンを無効にする必要があります。

• 選択してアップロードすると、プログレスバーが画面に表示され、ファイルの割合が選択またはアップロードされます。

どんな助けでも大歓迎です.Thanks

angularjs-file-uploader を使用して、いくつかのファイルをサーバーにアップロードしたいと考えています。私はviewModelの配列を持っています。ファイルをアップロードし、アップロードされたファイルのIDを取得して、それらを対応するviewModelに割り当てたいと思います。

viewModels を fileUploader に渡す方法はありますか? これまでに書いたコードを以下に示します。

UploadFileId のプロパティを持つ「v.formItem」を渡したいです。アップロードされたファイルの Id をモデルに割り当てることができるようにします。

angularでファイルをアップロードしようとしていますが、投稿結果405を取得しています。インターネットで調査したところ、これはメソッドが許可されていない場合の応答であることがわかりました。なぜこのエラーが発生するのかわかりません。助けてくれてありがとう。

HTML

指令

サービス

コントローラ

バックエンド