发表于： 2017-02-16 23:36:28
1 1373
今天完成的事情：
1、为<input type=“file”>添加事件，获取到了上传图片的name、size、type等信息；
2、使用fileReader在本地生成上传图片的预览图；
3、使用append方法给FormData对象添加name、size、type键值对；
4、听胡思豪讲js中的事件委托的ppt，学习了事件冒泡的内容；
明天计划的事情：
1、把FormData对象上传至服务器；
2、使用angular的方法把js代码封装；
遇到的问题：
1、在尝试把FromData上传到服务器这一步出错404，接口使用的是a/img/thumb这个，明天来解决；
2、获取图片以及本地显示上传图片的预览图都是根据网上的教程使用原生js写出来的，不懂怎样转换成angular的写法；
收获：
1、File对象上有三个属性提供了所包含文件的相关信息.
name：文件名,只读字符串,不包含任何路径信息.
type：MIME类型,只读字符串,如果类型未知,则返回空字符串.
2、事件代理机制：当事件被抛到更上层的父节点的时候，我们通过检查事件的目标对象（target）来判断并获取事件源；
事件捕获：当某个元素触发某个事件（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节点向目标元素节点流去，直到到达事件真正发生的目标元素。在这个过程中，事件相应的监听函数是不会被触发的；
事件目标：当到达目标元素之后，执行目标元素该事件相应的处理函数。如果没有绑定监听函数，那就不执行；
事件起泡：从目标元素开始，往顶层元素传播。途中如果有节点绑定了相应的事件处理函数，这些函数都会被触发。
返回列表
评论