从系统浏览的JSON文件中读取数据

时间:2018-10-08 20:50:15

标签: angularjs file-upload indexeddb

有什么方法可以从浏览的文件中读取数据。可以说 我有一个文件标签
<input type = "file"/>,在这里我可以从系统浏览JSON文件。我需要阅读浏览的文件并将信息推送到索引数据库。所有这些都应该在使用JavaScript或angular-JS的客户端发生。

1 个答案:

答案 0 :(得分:0)

使用此代码,我可以解决问题。

  angular.module('app').directive('fileModel', ['$parse', function ($parse) {
        return {
            restrict: 'A',
            link: function(scope, element, attrs) {
                var model = $parse(attrs.fileModel);
                var modelSetter = model.assign;

                element.bind('change', function(e){
                   scope.myFile = element[0].files[0];
                   var reader = new FileReader();
                   reader.readAsText(scope.myFile);
                   var dataFromFile = reader.result;

                });
            }
        };  
    }]);