简述
最近项目中连续有上传下载的需求,这里把遇到的问题写下来留作参考。
上传功能
- 上传功能参考了@Shmily落墨的关于使用ng2-file-upload上传文件的文章,详见:http://www.jianshu.com/p/0741186f60ab。
- 文章中没有涉及上传文件的同时附加传参功能,这里要补充的也就是这点。
const nowDate = '20170920';
this.uploader.onBuildItemForm = function(fileItem, form){
form.append('param', nowDate);
}
注意:this.uploader.onBuildItemForm方法放在上传前获取nowDate参数的函数中。
下载功能
-
下载功能比较简单,一般后台有专门的文件服务器,会提供给前端一个接口,前端只要把这个接口放在a标签的href属性中即可,参数拼接在接口上,如下图:
注意:target属性不能缺席!
引入echarts
- 参考SevenLonely的文章http://www.jianshu.com/p/e512191dae80,项目中亲测有效。