设为首页 加入收藏

TOP

AngularJS图片上传功能的实现(二)
2015-07-27 11:18:53 来源: 作者: 【 】 浏览:111
Tags:AngularJS 图片 上传 功能 实现
$scope.leave.timeLong : ""
? ? ? ? ? ? ? ? };


? ? ? ? ? ? ? ? var promise = postMultipart('/maldives/leave/save', postData);


? ? ? ? ? ? ? ? function postMultipart(url, data) {
? ? ? ? ? ? ? ? ? ? var fd = new FormData();
? ? ? ? ? ? ? ? ? ? angular.forEach(data, function(val, key) {
? ? ? ? ? ? ? ? ? ? ? ? fd.append(key, val);
? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? var args = {
? ? ? ? ? ? ? ? ? ? ? ? method: 'POST',
? ? ? ? ? ? ? ? ? ? ? ? url: url,
? ? ? ? ? ? ? ? ? ? ? ? data: fd,
? ? ? ? ? ? ? ? ? ? ? ? headers: {'Content-Type': undefined},
? ? ? ? ? ? ? ? ? ? ? ? transformRequest: angular.identity
? ? ? ? ? ? ? ? ? ? };
? ? ? ? ? ? ? ? ? ? return $http(args);
? ? ? ? ? ? ? ? }


postData为表单中的数据(包括上传的图片信息),'/maldives/leave/save'表示的是请求后台的数据接口,$http是Angular内置的service,能向后台发送GET或POST请求。


三、对Angular中service、controller、directive的认识和理解


Service就是单例对象在AngluarJS 中的一个别名。这些单例对象会被经常传来传去,保证你每次访问到的都是同一个实例。基于这种思想,单例对象让我们可以实现一些相当酷的功能,它可以让很多controller和directive访问其内部的数值。


controller把service、依赖关系、以及其它对象串联到一起,然后通过scope把它们关联到view上。如果在你的视图里面需要处理复杂的业务逻辑,那么把它们放到controller里面也是一个非常不错的选择。


Angular对directive的定义是一段代码片段,你可以用它来操作DOM,也可以使用它来进行用户交互。


一些AngularJS相关文章链接


希望你喜欢,并分享我的工作~带你走近AngularJS系列


首页 上一页 1 2 下一页 尾页 2/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇解决Qt在openSUSE上编译出现“can.. 下一篇JavaScript跨浏览器事件对象类库

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: