发表于: 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代码:
$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的服务的概念。
问题:收获:大体明白了原生文件上传的基本过程。
评论