ng-file-uploadでアップロードしたファイルのファイル名を取得する方法

Question

angjsとng-file-uploadを使用してファイルをサーバにアップロードしています。ファイル名を取得して、同じ名前で保存できるようにしたい。

アップロード後、「ファイルを選択」ボタンの近くにファイル名が表示されますが、ファイル名をスコープ変数に設定して、ファイルと一緒にサーバーにファイル名を渡すことができます。

アップロードコード：

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> 

でこれを試してみてください