問題タブ [ng-file-upload]

次の html は、アップロードする画像を選択するために使用されます

次のhtmlを使用して、選択した画像をサムネイルとして表示し、選択したファイルをアップロードする前にキャンセルするボタンを付けています。

キャンセルボタンがクリックされたときのコントローラーで：

これは、選択した画像とそのキャンセル ボタンを (ng-show 経由で) 削除するために機能します。問題は、ファイルがアップロードされたときです。ここにアップロード機能があります

次のエラーがあります。

これはエラーのある行です:

cancelPic 関数はインデックス値を変更しません。3 つのファイルが選択され、1 つが cancelPic で削除された場合、インデックスの値は 3 のままです。files.length を次のようにデクリメントする行を追加しました。

どちらがインデックスを2に減らしますが、以前と同じようにエラーが発生し、さらに1つのファイルがcancelPicで削除されると、選択したファイルから2つが削除されますか? 私はそのことに少し当惑していません。

cancelPic 関数のロジックが間違っていると思います。

私は ng-file-upload を使用しています ( https://github.com/danialfarid/ng-file-upload )

ただし、アップロード コントロールをディレクティブに入れてモーダルで表示すると、アップロードが機能しません。次のエラーが表示されます。

モーダル ダイアログで動作するようになった人はいますか。

モーダルは angular.ui.bootstrap からのものです

ありがとう

現在、ng-file-upload を使用して別のサーバーにアップロードするシステムがありますが、これは CORS のおかげでうまく機能しています。

データベースを管理するために knex (移行とシード) を使用し、bytea 列を持つ特定のテーブルを用意しています。

PostgreSQL データベース。

アップロードを可能にするために、busboy モジュールを追加して Express がマルチパート リクエストを管理できるようにしました。ファイルは問題なくディスクに保存されています。

しかし、私が本当に望んでいるのは、それを表の bytea 列に保存することであり、今のところ、そのようなクエストには運がありません。

ガイダンスとより良いドキュメントを歓迎します。

ng-file-uploadを使用して複数のファイルをアップロードしようとしていますが、うまく動作しないようです。

私のhtmlは

ファイルが追加された後のボタン

私のコントローラーは、githubと jsfiddle で提供されている例に似ています。

私の問題は、(サーバー上の) UploadHandler が 1 回だけ呼び出され、ファイルが 1 つしかないという事実に帰着します。

ネットワークタブを確認しましたが、各ファイルは独自の POST にあります。

AngularJs と Firebase を使用して、小さな Web アプリ (ブログ投稿も同様) を構築しています。以前にaddPostコントローラーを実装しましたが、うまくいきました。ng-file-uploadディレクティブを使用してフォーム送信時に画像をfirebaseにアップロードするためにすでに実装されているフォーム内に入力ファイルを追加したかった後。angularの新機能として、firebaseが画像をbase64として保存できることは知っていましたが、それを機能させる方法がわかりませんでした。繰り返しの質問だと言う人もいるかもしれませんが、私はここで検索して答えを見つけることができなかったと信じています。
ここに私のフォームファイルがあります:

ここに私のコントローラがあります:

ここに完全なプロジェクト ファイルの GitHub があります

https://github.com/SaidThaher/HotelApp

この問題について助けがあれば、結果に関してもっと疑問が生じます。助けてください

更新：@danialfaridがディレクティブを更新し、私の一日を作りました:)

8.0.6 にアップグレードして、fb プッシュをここに移動します。

コードも更新しました。

angularプロジェクトにng-file-uploadを使用しています。htmlコードは次のとおりです。

そして、これは私のJavaScriptコードです:

ボタンをクリックして画像ファイルを選択すると、選択した直後に画像ファイルがアップロードされます。これは私が期待したことです。しかし、2 回目にアップロード ボタンをクリックすると、コンソールに if (files.length > 0) 行を指す次のエラーが表示されます。

ファイル選択ウィンドウが表示されず、アップロードボタンを3回クリックすると再び正常に動作し、4回目は正常に動作しません... ng-file-uploadのバージョンは9.0.4です。 lib が修正されていないか、何か間違いを犯したのでしょうか? ありがとう。