Question

angular.module('myApp')
    .directive('fileModel', ['$parse', 'uploadService','messageService','CONF', function ($parse, uploadService,messageService,CONF) {
        return {
            restrict: 'A',
            link: function (scope, element, attrs) {
                var model = $parse(attrs.fileModel);
                var modelSetter = model.assign;
                element.bind('change', function () {

                    var file = element[0].files[0];

                    var fd = new FormData();
                    fd.append('file', file);
                    console.log(fd)

                    self.isDisabled = true;


                       ParkingService.uploadImage(fd).then(
                            function (response) {
                                response = JSON.parse(response);
                                element[0].files[1] = response;
                                console.log(response)
                                    if (response.message !== 'ERROR') {
                                        // self.image = response.result;
                                            messageService.toasterMessage(CONF.TOASTER_TOP_RIGHT,CONF.TOASTER_SUCCESS,"Success Upload File");
                                    }
                                    else {
                                        messageService.toasterMessage(CONF.TOASTER_TOP_RIGHT,CONF.TOASTER_ERROR,response.result);

                                    }
                                }
                        );

                    scope.$apply(function () {
                        modelSetter(scope, element[0].files);
                    });
                });
            }
        };
    }]);

如何在此变量中设置响应？

element[0].files[1] = response;

它适用于safari或更老的chrome。但不支持新的镀铬..

Answer 1

Chrome和Firefox现在都禁止在NodeList和FileList上设置新索引。我怀疑这与最近的变化有关，使这些＆＃34;阵列式的＆＃34;结构与JavaScript更兼容，是浏览器发展方向的总体方向。

以非严格模式运行会恢复行为，但在转换的JavaScript环境中不可行 - 或者可能需要。

最好的选择是使用const files = Array.from(element[0].files)或const files = [...element[0].files]将FileList转换为数组（取决于您支持的浏览器以及您正在使用的转换）。

无法在＆＃39; FileList＆＃39;上设置索引属性：不支持索引属性设置器.v

1 个答案: