发表于: 2017-06-02 20:54:36
1 1102
今天完成的任务
1.公司新建/编辑页面
明天的计划
1.请了假,上午有点事情
2.下午回来,整理下 公司这个页面 的数据
3.职位列表页面
遇到的问题
1.angular 上传图片插件 获取后台返回数据
原来是我想的太复杂了
只需要一个回调函数,官方已经是提供了的
就可以在里面获取成功之后后台返回的数据
看一下插件源码:
xhr.onload = function () {
var headers = _this5._parseHeaders(xhr.getAllResponseHeaders());
var response = _this5._transformResponse(xhr.response, headers);
var gist = _this5._isSuccessCode(xhr.status) ? 'Success' : 'Error';
var method = '_on' + gist + 'Item';
_this5[method](item, response, xhr.status, headers);
_this5._onCompleteItem(item, response, xhr.status, headers);
};
看完之后不难发现
var method = '_on' + gist + 'Item';
_this5[method](item, response, xhr.status, headers);
通过这两句 就可以知道我们需要的 回调函数,根据之前上传的成功或者失败,在 method 里面组装成为我们需要的回调函数名
例如这次成功
Method 里面就是
onSuccessItem
这个正是我们需要的回调函数,我们发现这货有四个参数,第二个!Response 正是我们需要的 东西,那怎么获取呢
vm.uploaderLogo.onSuccessItem = function(file,response) {
vm.logoUrl = response.data.url;
}
是不是有点过于简单了。。。我也觉得 困扰我好久啊 为什么这么简单就解决了
收获
对于这个插件有了点稍微深入的认识
评论