問題タブ [ng-file-upload]

ファイル入力が変更されたときにファイルを選択し、django バックエンドでアップロード データに署名し、フロントエンドから直接 s3 バケットにアップロードする作業スクリプトがあります。それはうまくいっています。私はそれを行うために ng-file-upload を使用しています。

ファイルピッカーが選択した各ファイルに対して、私は呼び出しますdoUpload(file)

しかし、私の本当の目的は、アップロードする前にキャンバスを使用してフロントエンドで画像をトリミングすることです。問題は、キャンバスを使用して画像をトリミングすると、ファイルではなく base64 でエンコードされた画像になることです。私の最後の質問は、この base64 イメージを s3 に直接アップロードすることは可能ですか?

私はng-file-uploadphp経由でmysqlをアップロードするために使用しています。

コーディングは機能しますが、カスタム フィールドにアクセスできません。PHPでこれにアクセスする方法を知っている人はいますか? ここでコードを参照してください。PHP コーディングで回復したいフィールド description: success を追加しています。現在使用しているアクセス方法$_FILES['file']['description'];は として出てきNULLます。どんな助けでも大歓迎です。

JS

PHP

ユーザーがファイルを選択したときに画像プレビューを表示するAngularJSコードは次のとおりです

この行は、画像が選択されたときにサムネイル画像のプレビューを表示しています

問題は、画像を選択しているときに画像のサムが正しく表示されることですが、pdf、doc、またはその他のファイル形式を選択すると、クラック画像のサムが表示されます。画像が選択されている場合にのみ画像のサムネイルを表示し、それ以外の場合は何も表示しないように、AngularJs 条件をここに配置するにはどうすればよいですか。

https://github.com/danialfarid/ng-file-upload

このモジュール ngFileUpload を使用しようとしています。

しかし、ng-view によって呼び出されるテンプレートで使用すると機能しません。

これは動作中の HTML(index.html) です

しかし、これは機能していません

HTML(index.html)

HTML(test.html)

JS（角度設定）

誰もこのような同じ問題を抱えていますか?

-読んでくれてありがとう..-

私はngFileUpload を機能させて、画像をアップロードして DB に送信できるようにしようとしています。私の場合は、次のような構文で編集できる JSON オブジェクトを受け入れるmongoLab DB です。POST

かなり単純です。ngFileUploadただし、 DBを使用してアップロードされた画像を送信する方法について混乱しています。ngFileUpload のドキュメント ページで紹介されているおなじみの構文を使用しています。

しかし、fileオブジェクトをログアウトすると、次のオブジェクトが得られます。

DBに保存できる実際の画像バイナリを含むものはありません。私は基本的に、実際の画像自体が実際にどこにアップロードされているのかわかりません!

この構文ではサーバーからの応答が得られないことに注意することも重要です。ただし、画像のバイナリを取得できれば、おなじみの$http.post方法を使用して、自分で画像を DB にプッシュできます。

アップロードされた画像のバイナリを見つけて、DB にプッシュするにはどうすればよいですか? アップロードされた後、画像はどこに存在し、どこにアップロードされているのでしょうか? 私はこれをすべて行っているlocalhostので、ブラウザは画像のすべてのプロパティを読み取ったようですが、これを意味のある洞察に変換して、画像を外部 DB に保存するために使用できる方法がわかりません。

助けてくれてありがとう。

ローカル マシンで正常に動作しているストリーミング s3 ノード モジュールを使用しています。

しかし、ライブでは機能していないようです。ライブサーバーで https を有効にしています。

ライブサーバーでhttpsを無効にすると、アップロードは 正常に機能します。

これが私のコードです

これについての任意のアイデア

ありがとう

私はディレクティブ「メモ」を持っています。これは基本的に、任意のページに追加できるメモ ウィジェットであり、名前と ID を追加して、人々がそのアイテムにメモを追加できるようにします。

ユーザーはng-file-uploadを使用してノートにファイルをアップロードできるはずですが$scope.files、 ng-file-upload ディレクティブでデータを取り込むのに苦労しています。いつものようにスコープがおかしいと確信していますが、わかりません。

ファイルを選択したときに $scope.files が入力されない理由はありますか?

プランカーリンク

指令：

テンプレート：