如何在ng-file-upload中获取上传文件的文件名

时间:2016-09-26 10:03:28

标签: angularjs file-upload ng-file-upload

我正在使用angularjs和ng-file-upload将文件上传到服务器。我想获取文件名,以便我可以在服务器中使用相同的名称保存它。

上传后,我在&#34附近看到文件名;选择文件"按钮,但我想将文件名设置为范围变量,以便我可以将文件名与文件一起传递给服务器。

上传代码:

 Upload.upload({
    url: $scope.ipForHttp+"addVehicles?ClassificationID=" + $scope.C.ClassificationID + "&ClassName=" +
         $scope.C.ClassName + "&ClassRate=" + $scope.C.ClassRate + "&ClassImage="+$scope.file+"&ClientID=1", 

   data:{file:$scope.file} 

 })

html:

    <input  type="file" ngf-select ng-model="file" name="file" 
 ngf-pattern="'image/*'"accept="image/*" ngf-max-size="20MB"  />

2 个答案:

答案 0 :(得分:3)

你可以这样访问,

   $scope.filename = $scope.file.name;

答案 1 :(得分:3)

使用ng-bind

尝试此操作
<button type="button" ngf-select ng-model="formdata.file" name="file">Select</button>

<div ng-bind="formdata.file.name"></div>