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();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值