Angular4上传文件中ng2-file-upload控件

1.前端使用Angular2或者4时,可以使用ng2的第三方库ng2-fiel-upload进行上传文件。.其实ng2上传文件百度时网上有介绍 如:http://www.jianshu.com/p/0741186f60ab; 这里的东西就不在写了,可以参照这个网址。


这里开始写具体要介绍的功能,也是这个网址没有写的很详细的功能:

1自定义传值

两种方法:(1)this.uploader.onBuildItemForm=function(fileItem,form){
form.append('name',fileItem.file.name);
form.append('name',fileItem.file.size);
   }
   这种方法其实只能传文件相关的值,文件名称和文件大小,可以在fileItem中获取到。但是如果想自定义传ID或者文件外其他值此方法则不行。只能通过第二张方法。
(2)this.uploader.setOptions({additonalParameter:{'id':this.id}})  

2上传

上传时分两种:单个上传和批量上传,其实批量上传的原理就是调多次的单个上传方法,this.uploader.queue[i].upload(); upload()方法是封装好的上传方法。

3上传时加消息头(加token值)

格式: headers : [{name:"Authorization",value:this.token}]

4 移除上传的列队

this.uploader.clearQueue();

你可能感兴趣的:(angular)