Question

我正在尝试使用https://github.com/danialfarid/angular-file-upload，但显然我无法访问该文件

我的HTML

 <img 
    src = "{{ userPhotoUrl }}"
    alt = ""
    class = "img-circle img-responsive"
    accept = "image/*"
    data-multiple = "false"
    ng-file-select = "onFileSelect($file)"
>

我的Coffescript：

$scope.onFileSelect = ($file) ->
  console.log $file
  $scope.upload = $upload.upload
    url : '/api/upload/photo'
    file : $file
    method : 'POST'
  .progress (e) ->
    console.log 'percent' + parseInt 100.0 * e.loaded / e.total
  .success (data, status, headers, config) ->
    console.log data, status, headers, config

我刚从undefined

获得console.log($file)

有什么不对？我试着在

中加入相同的逻辑

<input type="file" ng-file-select="onFileSelect($file)">

但我得到了相同的结果

Answer 1

在HTML中将$file更改为$files

ng-file-select = "onFileSelect($files)"

这是文件上传所暴露的内容，类似于您可以$last或$first与ng-repeat一起使用

AngularJS，角度文件上传问题，我无法获得$ file

1 个答案: