发表于: 2017-05-18 23:24:52
1 987
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
了解FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 指定要读取的文件或数据。
其中File对象可以是来自用户在一个<input>元素(为input[type=file]添加事件,直接获取文件信息)上选择文件后返回的FileList对象
了解HTML FileReader对象的方法
了解FormData对象
明天计划的事情:(一定要写非常细致的内容)
实现图片上传功能
遇到的问题:(遇到什么困难,怎么解决的)
如何使用自定义指令?
指令可以放在多个地方,它们的作用相同:
<span my-dir="exp"></span>
作为标签的属性<span class="my-dir: exp;"></span>
作为标签类属性的值<my-dir></my-dir>
作为标签<!-- directive: my-dir exp -->
作为注释
这些方式可以使用指令定义中的 restrict
属性来控制。
推荐指令作为标签使用,也可以作为属性使用。
如何使用FileReader?
HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。
FileReader 的实例拥有 4 个方法,其中 3 个用以读取文件,另一个用来中断读取。下面的表格列出了这些方法以及他们的参数和功能,需要注意的是 ,无论读取成功或失败,方法并不会返回读取结果,这一结果存储在 result属性中。
方法名 | 参数 | 描述 |
---|---|---|
abort | none | 中断读取 |
readAsBinaryString | file | 将文件读取为二进制码 |
readAsDataURL | file | 将文件读取为 DataURL |
readAsText | file, [encoding] | 将文件读取为文本 |
收获:(通过今天的学习,学到了什么知识)
File Reader 方法的作用?
readAsText:该方法有两个参数,其中第二个参数是文本的编码方式,默认值为 UTF-8。这个方法将文件以文本方式读取,读取的结果即是这个文本文件中的内容。
readAsBinaryString:该方法将文件读取为二进制字符串,通常我们将它传送到后端,后端可以通过这段字符串存储文件。
readAsDataURL:这是例子程序中用到的方法,该方法将文件读取为一段以 data: 开头的字符串,这段字符串的实质就是 Data URL,Data URL是一种将小文件直接嵌入文档的方案。这里的小文件通常是指图像与 html 等格式的文件。
EDIT
angular.module("myApp")
.controller("listCtrl", ['$scope', '$http', '$state', function ($scope, $http, $state) {
$scope.currentPage = 1;//初始化进入的页面数
$scope.status = '';
$scope.pageType = '';//默认值全部。
$scope.getData = function () {// 封装获取 Article 数据的函数
if (isNaN($scope.startAt)) {//当时间为NaN的时候,执行。
$scope.startAt = "" //没有设置搜索时间的话,要初始化为空字符串,否则请求的时候,会报错
}
if (isNaN($scope.endAt)) {
$scope.endAt = ""
}
/***
* 按条件获得article列表
* 请求method:get
* 请求地址: /a/article/search
*/
$http({
method: "get",
url: "/carrots-admin-ajax/a/article/search",
params: {
page: $scope.currentPage,//请求的页数
status: $scope.status,//状态
type: $scope.pageType,//类型
startAt: $scope.startAt,//起始更新时间
endAt: $scope.endAt//终止更新时间
}
}).then(function success(response) {
$scope.IndustryActivities =
[
{valueIndustry: '', name: '全部'},
{valueIndustry: 1, name: '草稿'},
{valueIndustry: 2, name: '上线'}
];
$scope.pageTypeActivities =
[
{valueType: '', name: '全部'},
{valueType: 0, name: '首页banner'},
{valueType: 1, name: '找职位banner'},
{valueType: 2, name: '找精英banner'},
{valueType: 3, name: '行业大图'}
];
$scope.companyData = response.data.data.articleList;//总共有多少条数据,并且渲染进去
allPage = response.data.data.total / 10; //总共页面,前面没有加var,这里是全局变量,下面要调用这个数据,用来判断页数总共有多少。
if (allPage === 0) {
alert("根据你的条件,没有数据");
}
});
};
评论