angular读取文件

FileReader接口可使web程序异步读取用户电脑上文档的内容（或原始数据缓冲区），使用File或是Blob对象来指定需要读取的文件或数据。

File对象可以通过多种方式获得：用户使用<input>元素在文件列表中选择；通过拖放的 *** 作使用DataTransfer对象获取；也可使用HTMLCanvasElement中的mozGetAsFile()接口获取。

构造函数

FileReader() 返回一个新建FileReader

属性

FileReader.error(只读): 一个DOMError接口反映了读取文件过程中的错误。

FileReader.readyState(只读)：一个表明了FileReader状态的数字，数字列表如下：

| EMPTY | 0 | 没有数据加载 |

| LOADING | 1 | 数据正在加载 |

| DONE | 2 | 全部读取请求已完成 |

FileReader.result(只读)：被选定文件的内容。这个属性在读取 *** 作完成后才可用，数据格式取决于初始化读取 *** 作时选择的方法。

事件处理程序

方法

angularjs示例：

angularjs读取json中的某个字段的方法是利用json的api实现的。

思路：先把js字符串转化成json结构，然后利用取属性运算符获取各个属性。

1、例如有以下json数据：

var data = {

"resultList": [

"{\"lookupKey\":2,\"clientKey\":1,\"codeName\":\"Application.AppType\",\"codeValue\":\"ApplicationType2\",\"codeDesc\":\"##\",\"updatedBy\":null,\"internalCodeName\":\"Application.AppType\"}",

"{\"lookupKey\":3,\"clientKey\":1,\"codeName\":\"Application.Class\",\"codeValue\":\"Tier 1\",\"codeDesc\":\"Critical Application requiring immediate response in case of a disruption of Service\",\"updatedBy\":null,\"internalCodeName\":\"Application.Class\"}"

]

}

2、利用angular.fromJson解析代码如下：

$scope.result = [

angular.fromJson(data.resultList[0]),

angular.fromJson(data.resultList[1])

]

alert($scope.result[0].codeName)

结果是：Application.Class

3、这样就获取到了json字符串中的codeName的值。

用angularjs读取本地json的方法如下：

1、本地json文件的内容如下：

[{ "text":"learn angular", "done":true },

{ "text":"build an angular app", "done":false},

{ "text":"something", "done":false },

{ "text":"another todo", "done":true }]

2、利用angularjs读取的方法：

var App = angular.module('App', [])

App.controller('TodoCtrl', function($scope, $http) {

$http.get('todos.json')

.then(function(res){

$scope.todos = res.data

})

})

---