导出文件并在弹出窗口关闭AngularJS时提交

时间:2017-12-27 14:22:13

标签: javascript angularjs

我正在尝试提交我导入的文件,一旦我在系统窗口上单击OK上传文件,但我不知道该怎么做...这是我到目前为止所做的:

<input type="file" id="file-input" style="display:none" />

<button class="btn pull-right" ng-click="submitCashierFile()">Import</button>

JS:

$scope.submitCashierFile = function () {
        angular.element('#file-input').trigger('click');

// I should have something like this next i guess?

$scope.cashierfile.upload = Upload.upload({
                url: config.baseAddress + 'test/uploadCashierExcel',
                data: { file: $scope.cashierfile }
            });

            $scope.cashierfile.upload.then(function (response) {
                $timeout(function () {
                    $scope.cashierfile.result = response.data;
                    toastService.success('You have added .xlsx');
                });
            }, function (response) {
                toastService.error(response);
           });

    };

所以我试图点击,打开模态选择文件,对我来说问题是如何在该模态中点击OK提交它。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

你的问题对我来说并不清楚,但我会根据我所理解的内容给出一个基础。

您应该映射控件的onchange事件。选择要上载的文件后,将立即触发。 然后你应该实际上传文件。

当我需要执行此任务时,我放弃使用Angular并转到HTML5文件上传机制。那个就像你描述的那样......