AngularJS: マルチパートフォームでシンプルなファイルアップロードを実装するには? 質問する

AngularJS 以外の依存関係のない実際に機能するソリューション (v.1.0.6 でテスト済み)

html

<input type="file" name="file" onchange="angular.element(this).scope().uploadFile(this.files)"/>

Angularjs (1.0.6) はサポートされていませんngモデル「入力ファイル」タグでは、ユーザーから選択されたすべての（最終的に）ファイルを渡す「ネイティブな方法」で実行する必要があります。

コントローラ

$scope.uploadFile = function(files) {
    var fd = new FormData();
    //Take the first selected file
    fd.append("file", files[0]);

    $http.post(uploadUrl, fd, {
        withCredentials: true,
        headers: {'Content-Type': undefined },
        transformRequest: angular.identity
    }).success( ...all right!... ).error( ..damn!... );

};