发表于: 2017-02-16 00:16:44
1 1288
今天完成的事情:
1.任务八的搜索和分页功能的整合。
2.任务9 的初步学习。主要是html5中的filereader的使用。再看了用自定义实现该功能的博客。有了大概的思路。
明天计划的事情:
1.图片上传功能。
2.正则表达式使用学习。
遇到的问题:
1.任务八的实现没有使用url传参。导致无法保存历史记录。做完后再次添加,总是会存在问题。后边沿着用url传参来初始化数据的思路来简化和重构这部分代码。
2.图片上传部分还有很多细节的问题没有理解清楚。对于指令的封装也还不熟悉。
收获:
1.师兄推荐的图片上传的相关的博客,用指令封装引用。定义fileReader service主要是完成生成获取到的文件的url地址,返回到view进行预览。fileReader service中的readAsDataUrl方法,此方法中生成了图片的地址url,并将结果返回控制器中的函数中,将返回的url赋值给$scope.imageSrc ,根据Angular双向数据绑定的机制,img元素中ng-src属性值为url,那么就可以在页面上预览图片了。
2.关于html5 的filereader
FileReader接口有4个方法,其中3个用来读取文件,另一个用来中断读取。无论读取成功或失败,方法并不会返回读取结果,这一结果存储在result属性中。
FileReader接口的方法
readAsBinaryString, 参数file, 将文件读取为二进制编码;
readAsText 参数file,[encoding] ,将文件读取为文本;
readAsDataURL 参数file, 将文件读取为DataURL;
abort终端读取操作;
目前使用的是readAsDataURL
评论