发表于: 2017-06-02 20:54:36

1 1103


今天完成的任务

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;

}

是不是有点过于简单了。。。我也觉得 困扰我好久啊 为什么这么简单就解决了

收获

对于这个插件有了点稍微深入的认识


返回列表 返回列表
评论

    分享到