Question

我只想在客户端验证文件大小。以下代码仅处理成功。我也想处理文件大小。如果文件大于2MB，则当前500（内部服务器错误）回到场景后面。

有没有办法手动处理它并将错误设置为＆＃34;最大文件大小应为2MB＆＃34;？

提前致谢

注意：以下代码是AngularJS的一部分

file.upload(url, function(data) {
    if(data.success !== true) {
        $scope.$apply(function() {
            $scope.design.pdf.status = '';
            $scope.errors.pdf = data.data;
        });
        return;
    }
    $scope.$apply(function() {
        $scope.design.pdf = {
            status: 'uploaded',
            file: data.data.name,
            name: data.data.original,
            size: data.data.size
        }
    });
});

Answer 1

我想您使用input type='file'按钮。您可以创建一个指令，该指令将在更改时绑定到按钮并获得大小。

指令：

app.directive('customUpload', function(){
  return {
    restrict: 'A',
    link: function(scope, element, attrs){
        element.on('change', function(){
          //size in bytes
          var size = element[0].files[0].size;
          console.log(size);
          //do something with the file
        });
      }
    };
});

和html：

<input type='file' custom-upload>

以下是plunker中的所有代码： http://plnkr.co/edit/GB6MFOWMbjOA7obFBq83?p=preview

在将其传递到服务器端之前，在客户端处理文件大小

1 个答案: