发表于: 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





返回列表 返回列表
评论

    分享到