发表于: 2017-05-11 01:39:56
2 1014
今天完成的事情:
图片上传与预览功能
明天计划的事情:
好吧,今天又花了一天的时间弄懂了图片上传的功能,明天计划完成artical管理模块和模态框的问题
遇到的问题&收获:
通过angular-file-upload实现图片的预览和上传,有以下几个注意的点:
1.除了引入angular-file-upload.JS文件,如果需求实现上传进度等功能,还需要引入es5-shim.js、es5-sham.js这两个文件.
2.控制器内注入FileUploader服务
3.
<input id="update"
style="display: none"
type="file"
nv-file-select
uploader="uploader"
/>
input 的写法,注意 nv-file-select和 uploader="uploader"
4.
uploader.onCompleteItem = function(fileItem, response, status, headers) {
console.info('onCompleteItem', fileItem, response, status, headers);
};
插件写法里定义了返回后的内容和http状态码等信息,可以获取图片上传地址并在本地预览。
5.
multiple
属性可以实现一次上传多张图片
评论