今天完成的事情：

    完成图片显示，进度条功能。

明天计划的事情：

    完成存为草稿功能。

遇到的困难：

       今天写进度条功能感觉挺顺的，完全是按照angular-file-upload.js插件的demo来写的，然后就可以顺利弄出进度条。在图片显示这块碰到一个小坑。使用ng-src获取不到正确的图片url。才导致迟迟不能够将图片显示出来，后来发现在插件的一个js文件中，发现以下代码

uploader.onSuccessItem = function(fileItem, response, status, headers) {
    console.log("url"+"="+response.data.url);
    $scope.obvious=response.data.url;
    console.info('onSuccessItem', fileItem, response, status, headers);
};

这段代码就显示了当发送请求成功的时候传回值为response。然后我就准备将ng-src设置为response.data.url。然后图片依然不显示，不显示的原因就是response没有作用域，所以后来又将response.data.url定义为$scope.obvious,然后ng-src设置为{{obvious}},然后图片就能够显示了。

收获：

1.学习如何实现图片显示和进度条功能。下面就来简单介绍一下进度条

进度条功能这次用的是angular-file-upload插件。先将接口调好，这次用到的是post方法，url为

'/carrots-admin-ajax/a/u/img/task'

然后就来获取后台数据，在html文件中

<div class="progress" style="margin-bottom: 0;">
    <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
</div>

这段代码就是描述进度条，利用ng-style动态改变进度条状态。

点击上传按钮

<button type="button"
        class="btn btn-success btn-xs"
        ng-click="item.upload()"
        ng-disabled="item.isReady || item.isUploading || item.isSuccess">
    <span class="glyphicon glyphicon-upload"></span> 上传
</button>

然后就触发upload一系列事件，upload事件中有两个

uploader.onProgressItem = function(fileItem, progress) {
    console.info('onProgressItem', fileItem, progress);
};
uploader.onProgressAll = function(progress) {
    console.info('onProgressAll', progress);
};

事件，一个是记录单个文件进度，另外一个是记录总体进度。然后用ng-style渲染出来

2.在今天的洗髓训练营中学习了缓存和光盘怎么存储数据，如何读取信息等等。