ng-repeat を使用して、動的に生成された HTML フォームから画像ファイルをアップロードしたいと考えています。単一の画像ファイルをアップロードするために ng-file-upload モジュールを使用しています ( https://github.com/danialfarid/ng-file-upload )。静的 HTML からファイルをアップロードすると、正常に動作します。しかし、動的に生成された HTML からファイルをアップロードしようとすると、期待どおりに動作しません。ファイルがアップロードされず、次のように Firefox コンソールでエラーが発生します。
Error: Argument 2 of FormData.append is not an object.
ファイル制御セットの ng-model を null に割り当てると、フォームは正常に送信されます。例えば; もしも
<input name='img' type='file' value='' ng-model='data.imageFile' 'ngf-select' accept='image/*' />
と
$scope.data.imageFile = null;
他のパラメーターは HTTP サービスによって送信され、通常どおりデータベースに保存されますが、ファイルはアップロードされません。
この動的に生成された HTML の場合、file オブジェクトを input[type=file] に割り当てる方法はありますか??
コードPLUNKERはここで作成されます