发表于: 2017-05-18 23:24:52

1 988


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了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属性中。

方法名参数描述
abortnone中断读取
readAsBinaryStringfile将文件读取为二进制码
readAsDataURLfile将文件读取为 DataURL
readAsTextfile, [encoding]将文件读取为文本


收获:(通过今天的学习,学到了什么知识)

FileReader 方法的作用?

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列表
    * 请求methodget
            * 请求地址: /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("根据你的条件,没有数据");
               }

           });
       };



返回列表 返回列表
评论

    分享到