問題タブ [ng-file-upload]

クライアント側でファイルをアップロードしようとしている amazon s3 エンドポイントがあります (バックエンドの助けを借りて)。

これが私のポリシーコードです:

（この後、base64にエンコードします）

ここに私の角度の要求があります:

私のポリシーは次のようになります (POST が機能し始めたら、セキュリティを強化します)。

これが私のCORS構成です（これも後でセキュリティを強化します）：

そして、これがクロムツールからの応答です

には がResponse Headers含まれていますが、 には含まれPOSTてAllowいません。

どんな助けでも大歓迎です。ありがとう！

サーバーへのファイルのアップロードに問題があります。デモで提供されている構造に従います。

ただし、ファイルをアップロードしようとすると、サーバーからの応答で 200 (これで問題ありません) が返されますが、アプリは次のようにクラッシュします。

何が問題なのかについてのアイデアはありますか?

Angular アプリケーション用に AWS Cognito をインストールしておりs3.putObject、ng-file-uploadUploadサービスに何らかの方法で接続しようとしています。

ng-file-upload の方法を使いたいのですUpload.upload()が、Cognito で既存の認証済み接続を使用する方法がわかりません。アイデアは、ng-file-upload のドラッグ アンド ドロップを使用することです。その後、アップロードは既存の Cognito 接続を使用して s3 にアップロードします。これどうやってするの？ng-file-upload の方法を使用したい理由Upload.upload()は、進行状況バーなどの機能の一部を保持するためです (これが正しくない場合は修正してください)。

私は AngularJS 初心者です。ファイルアップロード入力を含むすべての入力フィールドに入力する必要があるフォームを実装しようとしていました。

最初の ecample とまったく同じです: https://angular-file-upload.appspot.com/

そこで、これをテストするための簡単なフォームを作成しました。

ただし、これは機能しません。[OK] ボタンは永久に無効のままになります。ngf-select=""ファイル入力フィールドに属性を追加すると、次のことがわかりました。

その後、フォームは期待どおりに機能します。userNameとuserUpload入力フィールドの両方が入力されると、OK ボタンが有効になります。グーグルを試しngf-selectましたが、満足のいく答えが見つかりませんでした。フォームが期待どおりに機能するために必要な理由は何ですか?

input type=fileAngular.js を使用してフィールドを検証したい。これが私のコードです：

angular.jsngFileUploadモジュールを使用しています。私の要件は、ユーザーが画像を選択するのを忘れて [追加] ボタンをクリックすると、1 つの警告メッセージがユーザーに画像を選択するように通知することです。これどうやってするの？

現在、s3 のルート バケットの下にファイルをアップロードできますが、保存先のフォルダーを指定したいと考えています。URL にフォルダー名を追加すると、405 が生成されます。

アップロード

S3 CORS 構成

S3 バケット ポリシー

コンポーネントでファイル タイプを CSV に制限しようとしていng-file-uploadますが、機能していません。まだすべてのファイルを受け入れます。

と の両方を試しましngf-pattern="'*.csv'"たngf-pattern="*.csv"。

コード：

依存：