Question

我制作了一个Angular.js指令，将dropzone添加到我的应用程序并将一个函数绑定到dropzone.js成功事件，但我只能得到响应，并且文件未定义。响应来自将文件上载到服务器的API。为什么文件未定义？

当我绑定到dropzone.js的addedfile事件时，我可以访问该文件，但随后它会弄乱dropzone流，而不会显示缩略图。

My Angular指令：

angular
    .module('frontend')
    .directive('dropZone', dropZoneDirective);

function dropZoneDirective(APPSETTINGS) {
    return {
        scope: {
            successCallback: '&?'
        },
        link: function (scope, element, attrs) {
            element.dropzone({
                url: APPSETTINGS.apiUrl + 'api/core/media',
                headers: {'x-wsse': API.getToken()},
                paramName: 'file',
                success: function(file, response) {
                    if (scope.successCallback != null) {
                        scope.successCallback({response: response, file: file});
                    }
                }
            });
        }
    }

}

在我的HTML视图中：

<div success-callback="vm.dropzoneUploaded()" class="dropzone" drop-zone></div>

控制器中的回调函数：

vm.dropzoneUploaded = function(response, file) {
    var filename = file.filename;
    var filepath = response.path;
    var object = {
        filename: filename,
        filepath: filepath
    };
    var updated = DataFct.add(object);
}

我忽略了一些基本的东西吗？

Answer 1

一位同事找到了答案：

在指令中我不应该将返回变量包装在一个对象中： scope.successCallback(response, file);

现在它正在工作，我又回到了控制器中。

在dropzone.js成功回调中找回'file：undefined'

1 个答案: