今日所做：

1.修改上传图片的样式，实现选中图片以后，出现图片预览，以及图片加载的

进度条

2.设置本地读取图片加载的进度条，通过使用progress标签，记录加载的进度：

<div style="margin-top: 5px;"><progress  id="pro" value="0"></progress></div>

var pro=document.getElementById("pro");
pro.max=$('#picture')[0].files[0].size;
reader.onprogress=function(evt){
    pro.value=evt.loaded;
};

3.想实现图片加载完成后，出现上传按钮和删除按钮的效果，但是发现input【type=file】

由于不支持onchange功能，如果想实现类似onchange那样的功能，需要使用：

onchange="angular.element(this).scope().read()"

但是这个方法有个bug，就是这个方法中，任何是在angular作用域中的变量的值

的变化，都不能立刻引起相应的事件改变。比如上传按钮设置ng-hide=“var1”，

然后在read函数中写入$scope.var1=false；，结果就是scope.var1的值确实变成

了false，但是它不能触发ng-hide功能，而下一次不管是什么事件，只要触发了，

ng-hide的效果才会触发

4.由于有这个bug，将效果做了更改

明日计划：

对图片上传完善好需要上传的其他数据

遇到的问题：

input【type=file】不可以使用ng-change或onchange，只可以使用angular.element（this）.

scope().function();这会导致angular作用域中的变量值变化难以实时触发ng-hide等功能

今日收获：

学会获取input【type=file】中的各种信息