Question

我是AngularJS的新手，我正在尝试使用ng-file-upload上传图片

我的任务是将Ionic应用程序翻译成网络应用程序，这样我就可以重复使用相同的路线了。

<button ngf-select="upload($file)" ng-model="file">Select</button>


    $scope.upload = function (file) {
      $scope.event.headerPictures.push(file);
      console.log($scope.event);
      console.log(file);
      if (file && !file.$error) {
        Upload.upload({
            url: $config.baseUrl + '/api/event/upload-picture',
            method: "POST", 
            headers: {"Authorization" : "token=" + userService.getToken()},
            file: file,
        }).then(function (resp) {
            console.log('Success ' + resp.config.data.file.name + 'uploaded. Response: ' + resp.data);
        }, function (resp) {
            console.log('Error status: ' + resp.status);
        }, function (evt) {
            var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
            console.log('progress: ' + progressPercentage + '% ' + evt.config.data.file.name);
        });
      };
    };

我仍然遇到许多不同语法的错误：

Error: Unexpected field

有人能告诉我我错过了什么吗？

Answer 1

很抱歉在一个答案中猜测但是出现意外的字段错误我会认为你的代码行带有额外的逗号分隔符是问题。

file: file应为{{1}}

希望这会有所帮助。我会对此发表评论，但我的声誉太低而无法发表评论：）

意外的字段ng-file-upload

1 个答案: