发表于: 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

属性可以实现一次上传多张图片


返回列表 返回列表
评论

    分享到