blueimp jquery-fileupload プラグインを angularjs で動作させるためにいくつかのテストを書いています。
ここに私が書いたものがありますが、できるだけシンプルにしようとしています:
【コントローラ.js】
app.controller('myAppController', function ($scope, uploadHandlerUrl) {
$scope.options = {
url: uploadHandlerUrl,
add: function(e,data) {
angular.element('#submit').click(function() {
data.submit();
});
},
done: function(e, data) {
console.log('done', data);
},
progress: function(e,data) {
console.log('progressing', data)
}
};
});;
[html]
<form id="fileupload" method="POST" enctype="multipart/form-data" data-fileupload="options">
<input type="file" name="files[]" multiple="">
<button id="submit">Submit</button>
</form>
実行中のインスタンスもここで確認できます。
問題は、fileupload プラグインによって返されるすべてのデータ オブジェクトが、すべてがうまくいったことを示しているように見えますが、実際にはサーバーにファイルがアップロードされていないことです (ファイルはここにアップロードする必要があります)。
サーバーの構成の問題が原因である可能性がありますが、どの方向に検索すればよいかまったくわかりません。サーバー側でblueimpネイティブのuploadHandler.phpを使用しています