問題タブ [angular-file-upload]

angular-file-uploadを使用して、Node および Express 4.0 を実行しているサーバーに画像をアップロードしていますが、サーバー上のファイル データにアクセスできません。

関連するコードは次のとおりです。

角度コントローラー:

サーバーコード:

ルート ハンドラ:

req.filesいつもundefined

なぜこれが考えられるのでしょうか？

Railsアセットを介して、 danial-farid--angular-file-uploadライブラリをRails 4アプリに追加しました。メイン ライブラリは正常に読み込まれますが、ファイル アップロードの進行状況に含まれる shims ファイルがスプロケットで見つかりません。angular-file-upload.jsこれは、shims ファイルがメインスクリプトと同じディレクトリにないためだと思います。それが問題である可能性がありますか、それとも問題の場所を間違って探していますか?

詳細：

githubのホームページによると：

<!-- shim is needed to support upload progress/abort for HTML5 and non-HTML5 FormData browsers.-->

宝石ファイルで：

application.js で:

これはSprockets::FileNotFoundエラーを生成します：

couldn't find file 'angular-file-upload-shim'

上記の最初の require を削除すると、アセット パイプラインは他のすべてを正常にロードしますが、shims ファイルに依存するものを壊します。

gems ディレクトリを grep すると、次のことがわかります。

ファイルがそのフォルダーのサブディレクトリにあるときangular-file-upload.jsに、gem のvendor/assets/javascripts ディレクトリに があることがわかります。angular-file-upload-shim.jsアセット パイプラインを壊すにはそれで十分でしょうか?

このAngularコードで不明なプロバイダーを取得している理由を知っている人はいますか?

私はAngular File Uploadディレクティブを使用しており、この例を使用しています:

http://www.mono-software.com/blog/post/Mono/233/Async-upload-using-angular-file-upload-directive-and-net-WebAPI-service/

なぜこのエラーが発生するのか理解できないようです...

module.js ファイル:

scripts.js ファイル:

私は現在、個人的なプロジェクトに mean.io スタックを使用しており、すべてがローカルでスムーズに実行されます。Heroku にデプロイしようとしましたが、1 つのモジュールが正しくインスタンス化されないという問題が発生しています。Stack Overflow で同様の質問を見つけましたが、どれもうまくいきませんでした。

これが私のエラーです：

エラー: [$injector:modulerr] 次の理由によりモジュールの平均をインスタンス化できませんでした: [$injector:modulerr] モジュール angularFileUpload のインスタンス化に失敗しました: [$injector:nomod] モジュール 'angularFileUpload' は使用できません! モジュール名のつづりを間違えたか、モジュールをロードするのを忘れました。モジュールを登録する場合は、依存関係を 2 番目の引数として指定してください。(dist.min.js)

モジュールがロードされていないようです。しかし、ログによると、正しくインストールされました：

mean@0.3.3 postinstall /tmp/build_5d155aeb-14b5-4414-af19-986a68df3b19 ノード node_modules/bower/bin/bower install

bower ng-file-upload-shim#* キャッシュされていない git://github.com/danialfarid/angular-file-upload-shim-bower.git#*

bower ng-file-upload-shim#* 解決 git://github.com/danialfarid/angular-file-upload-shim-bower.git#*

bower angular#* キャッシュされていない git://github.com/angular/bower-angular.git#* bower angular#* 解決 git://github.com/angular/bower-angular.git#* ... bower ng-file-upload#* キャッシュされていない git://github.com/danialfarid/angular-file->upload-bower.git#*

bower ng-file-upload#* 解決 git://github.com/danialfarid/angular-file->upload-bower.git#*

...

bower ng-file-upload-shim#* インストール ng-file-upload-shim#1.4.0

bower ng-file-upload#* インストール ng-file-upload#1.4.0

...

bower angular#1.2.19 install angular#1.2.19

...

エラーなしで完了。

注: Danial Farid による angularFileUpload では、Angular の前に shim.js ファイルをロードする必要があり、angularFileUpload の前にロードされます。その後Angularがインストールされたようですが、それは問題でしょうか?

依存関係を宣言するモジュールは次のとおりです。

最後に、私の assets.json:

あなたが持っているかもしれない助けや予感をいただければ幸いです！ありがとう！

これを使用して、ユーザーがファイルを選択してアップロードできるようにしています。

これは正しく表示されます:

ユーザーが「アップロード」をクリックすると、ファイルをアップロードします。

ユーザーが [削除] をクリックしたときに、ファイル名を消去するにはどうすればよいですか?