【angular-file-upload 上传图片，无法用link封装。 _angular 插件】

angular-file-upload 上传图片，无法用link封装。

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

angular 插件

详细描述

截图

代码

controller:function ($scope) {
            //上传图片
            var uploader = $scope.uploader = new FileUploader;
            uploader.url = '/carrots-admin-ajax/a/u/img/task';
            uploader.queueLimit = 1;//限制上传文件个数
            uploader.queue = [];
            uploader.onSuccessItem = function (data, response) {
                $scope.img = response.data.url;
            };
            // 能否重复上传同一张图片，默认为false，可以如此覆盖 true|false
            FileUploader.FileSelect.prototype.isEmptyAfterSelection = function () {
                return true;
            };
            //删除预览图片
            $scope.clearImg = function () {
                $scope.img = false;
            };
        }
        link:function (scope) {
            //上传图片
            var uploader = scope.uploader = new FileUploader;
            uploader.url = '/carrots-admin-ajax/a/u/img/task';
            uploader.queueLimit = 1;//限制上传文件个数
            uploader.queue = [];
            uploader.onSuccessItem = function (data, response) {
                scope.img = response.data.url;
            };
            // 能否重复上传同一张图片，默认为false，可以如此覆盖 true|false
            FileUploader.FileSelect.prototype.isEmptyAfterSelection = function () {
                return true;
            };
            //删除预览图片
            scope.clearImg = function () {
                scope.img = false;
            };
        }

编辑于2024-11-20