从CSV文件中读取数据 - Angular JS

Question

我正在尝试使用angular JS将csv文件转换为JSON。我将CSV文件作为用户的输入。我的HTML代码如下

 <div class="input-group input-group-sm" id="fileUploader">
        <span class="input-group-btn">
            <span class="btn btn-primary btn-file">
                Browse<input type="file" ngf-select ng-model="csvFile" name="file" accept=".csv"></input>
            </span>
        </span>         
        <input type="text" class="form-control" placeholder="Choose file" value={{csvFile.name}} readonly></input>
        <span class="input-group-btn">
            <button class="btn btn-primary" type="submit" ng-click="onFileSelect(csvFile)">Ok</button>
        </span>
    </div>

我的控制器如下

  $scope.onFileSelect = function($scope, $http,Upload) 
    {
      console.log("Hello from login controller");
        $scope.onFileSelect = function(file) {
            if (angular.isArray(file)) {
                file = file[0];
            }
            if (file.type !== 'text/csv'){
                alert('Only CSV are accepted.');
                return;
            }
            //want to convert the file to JSON.  
        };
}

我按照此链接JS Fiddle

中的示例进行操作

在那个例子中，他接受如下输入

<textarea id="csv" class="text">
    "Id","UserName"
    "1","Sam Smith"
    "2","Fred Frankly"
    "1","Zachary Zupers"
</textarea>

并且在他的控制器中他正在做以下

var csv = $("#csv").val();
var json = CSV2JSON(csv);

但我有一个csv文件，如图所示

有人可以告诉我如何将我控制器中的file变量转换为示例中CSV2JSON函数接受的格式。