发表于: 2017-04-02 22:37:04

1 1340


今日完成:

1 原生文件上传:用FormData作为数据,使用angular的$http()方法上传文件

$scope.upload=function () {
//FormData
   $scope.fileForm=new FormData();
$scope.fileForm.append($scope.file.name,$scope.file);//文件传入
   //ajax请求
   $http({
method:'post',
url:"/b/student",///接口
       params:$scope.fileForm
       })
.then(

2 了解了一下ng-file-uploader的文件上传插件。基本用法

链接

从安装到demo都有。input:

      <input type="file" ngf-select ng-model="picFile" name="file"   
             accept="image/*" ngf-max-size="2MB" required

             ngf-model-invalid="errorFile">

 <button ng-disabled="!myForm.$valid"
              ng-click="uploadPic(picFile)">Submit</button>

js代码:

var app = angular.module('fileUpload', ['ngFileUpload']);
app.controller('MyCtrl', ['$scope', 'Upload', '$timeout', function ($scope, Upload, $timeout) {
    $scope.uploadPic = function(file) {      
    file.upload = Upload.upload({
      url: 'https://angular-file-upload-cors-srv.appspot.com/upload',
      data: {username: $scope.username, file: file},
    });

3 小课堂:列表ul,ol dt 的区别。

4 直播的课程:计算机组成原理--cpu缓存机制和web浏览器缓存机制。

缓存的作用:

实用高速缓存提高执行效率,实用低速缓存提供大容量。

在web应用中(包括浏览器),使用本地缓存

明日计划:

1 任务10 ,完成静态页面。

2 整理一下以前的任务。

3 学习angular的服务的概念。

问题:收获:大体明白了原生文件上传的基本过程。



返回列表 返回列表
评论

    分享到