angular2 之上传下载及引入echarts

简述

最近项目中连续有上传下载的需求,这里把遇到的问题写下来留作参考。

上传功能

  • 上传功能参考了@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属性中即可,参数拼接在接口上,如下图:


    angular2 之上传下载及引入echarts_第1张图片
    下载

    注意:target属性不能缺席!

引入echarts

  • 参考SevenLonely的文章http://www.jianshu.com/p/e512191dae80,项目中亲测有效。

你可能感兴趣的:(angular2 之上传下载及引入echarts)