今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

读取文件，用fileReader生成image元素预览图片,图片有预览功能

明天计划的事情：（一定要写非常细致的内容） 

进一步熟悉表单验证； 学习了解第三方插件：富文本编辑器

遇到的问题：（遇到什么困难，怎么解决的） 

怎么将图片上传封装成指令？

在js-task-9内，我们需要实现一个将本地图片上传的功能，并且能够进行预览并且将图片展示出来。 为了实现这个功能，我们利用所学的angular知识来做一个功能比较简单的图片上传组件。

1.AngularJS指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径。

指令的作用是把我们自定义的语义化标签替换成浏览器能够认识的HTML标签

2.内置指令，打包在AngularJs内部的指令，所有内部指令的命名空间都使用ng作为前缀，所以在写自定义指令的时候，避免用ng作为指令命名的前缀。

3.创建指令的方式有四种，在指令里用 restrict属性控制

E:元素 

A:属性 

C:CSS类名 

M:注释

4.向指令中传递数据，用template属性

收获：（通过今天的学习，学到了什么知识）

<div ng-controller="uploadCtrl">
    <div >欢迎页</div>
    <ul>
        <li>
            <input type="file" ng-file-select="onFileSelect($files)" multiple
                   accept="image/*">
        </li>
        <li>
            <div >配图预览</div>
            <div id="imgPreview"></div>
            <p class="imgSrc" ng-model="imgName">
                图片地址：{{imgName}}
            </p>
        </li>
    </ul>
</div>