【JS-task-09】怎么将图片上传封装成指令？

            分享人：曹樾

            目录

            1.背景介绍

            2.知识剖析

            3.常见问题

            4.解决方案

            5.编码实战

            6.扩展思考

            7.参考文献

            8.更多讨论

1.背景介绍

  图片上传是进行后台管理时一项基本的功能。

  本次小课堂就是讲解如何实现这一功能和所需要注意的事项

2.知识剖析

  关于angular-file-upload

  angular-file-upload 是一款轻量级的 AngularJS 文件上传工具，为不支持浏览器的 FileAPI polyfill 设计，使用 HTML5 直接进行文件上传。

3.常见问题

 如何使用angular-file-upload

4.解决方案

 Service（服务）中的属性

url {String}: 上传文件的服务器路径

alias {String}:  包含文件的名称，默认是file

queue {Array}: 上传队列

progress {Number}: 上传队列的进度，只读

formData {Array}: 与文件一起发送的表单数据

filters {Array}: 在文件加入上传队列之前应用过滤器.，如果过滤器返回true则文件加入队列中

autoUpload {Boolean}: 文件加入队列之后自动上传，默认是false

removeAfterUpload {Boolean}: 文件上传成功之后从队列移除，默认是false

queueLimit {Number} : 最大上传文件数量（预定义）

5.编码实战

6.扩展思考

 能否将图片大小进行限制

7.参考文献

  http://blog.csdn.net/zhang1027963459/article/details/50724538" target="_blank"  zhang1027963459的博客

  http://blog.csdn.net/lai_xu/article/details/49535847 lai_xu的专栏

  http://www.cnblogs.com/richard1015/p/6561107.html 年轻的资本！的博客

8.更多讨论

 刘思言：如何获取response中的地址？

 何华飒：进度条如何和上传同步的？

 李维文：怎么获取缩略图？