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

Question

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

上传后，我在 "choose file" 按钮附近看到文件名，但我想将文件名设置为范围变量，以便我可以将文件名与文件一起传递给服务器。

上传代码：

 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"  />

Answer 1

您可以这样访问，

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

Answer 2

尝试使用 ng-bind

<button type="button" ngf-select ng-model="formdata.file" name="file">Select</button>

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

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

How to get the filename of the uploaded file in ng-file-upload

angularjs

file-upload

ng-file-upload