Question

我正在编写一些测试试图让blueimp jquery-fileupload插件与angularjs一起使用。

以下是我写的内容，尽量保持简单：

[controller.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>

您还可以看到正在运行的实例here。

问题是，fileupload插件返回的每个数据对象似乎告诉我eveything正常，但实际上没有文件上传到服务器上（文件应该上传here）。

这可能是由我的服务器上的某些配置问题引起的，但我完全不知道我应该在哪个方向搜索。我在服务器端使用blueimp native uploadHandler.php

Answer 1

如果您正在使用AngularJS

查找文件上传，这可能会省去您的麻烦

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

它基本上是一个像tosh的答案这样的指令，用于处理带有FileAPI flash polyfill的非HTML5浏览器，并且具有$ http.uploadFile函数来通过AJAX上传实际文件。

此问题Everything looks to be working, but no file in upload folder似乎与您的问题非常相似，您可以问他如何修复它。

blueimp文件上传与angularjs没有上传任何东西

1 个答案: