非常に単純なAngularJsファイル選択ダイアログ

Question

<input type="file" />要素から返されたファイル名の値を取得する方法がわかりません。

This fiddleは非常に簡単です。ファイル選択ダイアログがポップアップし、選択したファイル名も表示されます。しかし、私はそのファイル名を$scope変数として取得する方法が分かりません。

誰かがそれをフィドルに追加したり、投稿したり、私に非常に簡単なコード例を案内したりできますか？

Answer 1

実際のコードには$scope.myFile.nameにファイル名が含まれます。この変数は、あなたがそれを知っている方法を教えてくださいすることができ

<div ng-controller = "myCtrl"> 
    file name : {{myFile.name}}<br> 
    <input type="file" file-model="myFile"/> 
    <button ng-click="uploadFile()">upload me</button> 
</div> 


$scope.uploadFile = function(){ 
    var file = $scope.myFile; // $scope.myFile is set buy the directive 
    console.log('file is ' + $scope.myFile.name); 
    var uploadUrl = "/fileUpload"; 
    fileUpload.uploadFileToUrl(file, uploadUrl); 
};