大家好,我是IT修真院郑州分院第6期的学员王栋,一枚正直、纯洁、善良的前端程序员今天给大家分享一下,修真院官网js任务九深度思考中的知识点——怎么将图片上传封装成指令?
【JS-task-09】怎么将图片上传封装成指令?
1.背景介绍
在js-task-9内,我们需要实现一个将本地图片上传的功能,并且能够进行预览并且将图片的一些属性展示出来。
为了实现这个功能,我们利用所学的angular知识来做一个功能比较简单的图片上传组件。
2.知识剖析
基础知识
关于指令,因为我们是有直接讲指令的小课堂的,所以这里就简单说一下。
组件功能
功能:
3.常见问题
如何实现组件
4.解决方案
使用angularjs的指令封装
5.编码实战
多说无益,来看代码
6.扩展思考
还应该添加一些什么功能
还应该添加上传的文件是否是图片的验证。
7.参考文献
8.更多讨论
Q1:图片上传可以限制图片大小吗?
A1:王栋:可以啊,有一个size的属性,可以设置size的大小,单位为byte。
Q2:为什么要讲图片上传封装成指令?
A2:王栋:因为封装成指令之后就可以随时调用了,剥离开来,提高效率。
Q3:封装指令的 时候的难点在哪里?
A3:王栋:难点就在于把 封装的原理和方法弄明白,尤其是作用域和link函数。
怎么将图片上传封装成指令?