发表于： 2017-04-25 20:44:44
1 909
今日完成：
基本完成任务九，剩余angular指令还没有做。因为任务九有一个逻辑不太明白，明天和邵博问问。
明日计划：
1.重新学习angular指令的知识；
2.开始任务十。
问题：
1.昨天遇到的如何同步angular里的非angular函数的值的问题（onchange函数里边的值无法输出到函数外）。方法是在非angular函数中增加一个apply（） 函数，就可以实现双向绑定。
2.其他没有遇到大问题，但是关于任务逻辑有点不明白。
任务要求：
A.上传图片，显示图片的文件名以及大小；
B.点击上传，显示缩略图，以及进度条
现在有点不明白这个进度条是代表哪一个事件？因为我在获取到图片的文件名以及大小的同时，已经完成了图片在浏览器的缓存，所以进度条是不会显示上传图片至浏览器的进度的。
那要么这个进度条就是一个单纯的动画；要么就是上传至服务器的进度；要么就是浏览器加载图片src地址的进度（但是我的做法，浏览器已经加载了，只是被设置了display：none而已）。
收获：
1.更熟悉fileReader 相关的知识。
readAsBinaryString ：读取指定的 Blob 或 File 对象，当读取完成的时候，readyState 会变成已完成（DONE），并触发 loadend 事件，同时 result 属性将包含所读取文件原始二进制格式。
之前是有一个叫 readAsBinaryString 的方法的，但是后来被 readAsBinaryString 所替代了。
2.html的 porgress标签。
这个标签可以很方便的实现进度条（但是我看很多网站都是用flash实现的）。有两个属性：1.max ：定义完成的值；2.valve：当前的完成进度（与max值的比例）
3.如何创建FormData 对象，以及用append方法逐个添加键值对。
键值对的含义我觉得比较类似于数学中的映射，一个数值包含它的编号或者代号，以及数值本身。这就是键值对。
var img_data=new FormData;//将图片的值传入formdata
img_data.append("file",$scope.imgsrc);
感觉这种方法适合需要传入的值比较少的情况，如果值很多，这样效率就很低了。
返回列表
评论