Angular2使用ng2-file-upload上传文件

<div class="col-md-4">
                                <a href="javascript:;" class="file_input" style="display:none">
                                    <input type="file" id="file"  ng2FileSelect [uploader]="uploader_yingyezhizhao" required (change)="selectedFileOnChanged($event)" />
                                </a>	
                                <button type="button" style="float:left;width:110px; line-height:36px; color:#fff; margin-right:50px; border-radius:4px; background:#f4af2b;" onclick="document.getElementById('file').click();">
                                    点击上传
                                </button>
                                <img *ngIf="yyLicense!=''" [src]="yyLicense" width="120px" height="100px" (click)="showimageDetail(1)"  style="display: inline"/>
                           </div>

import { FileSelectDirective, FileDropDirective, FileUploader, FileUploaderOptions } from 'ng2-file-upload';

public baseUrl = 'http://127.0.0.1:8080/test/';

public uploadUrl=this.http.baseUrl+"test/upload";

    public uploader: FileUploader = new FileUploader({
        url: this.uploadUrl,
        method: "POST",
        itemAlias: "uploadok",
        filters: [{
            name: "", fn: (item): any => {
                var numer = item.size
                if (numer > 1048576) {

                    //文件格式大小限制
                    this.http.showAlert("提示", "请上传小于1M的文件", "确定", "", "", false);
                    return false
                }

                //文件类型限制
                var type = '|' + item.type.slice(item.type.lastIndexOf('/') + 1) + '|';
                let temp = '|jpg|png|jpeg|bmp|gif|'.indexOf(type) !== -1;
                if (!temp) {
                    this.Flagyingyezhizhao = false
                    this.http.showAlert("提示", "请上传格式为jpg、png、jpeg、bmp、gif的文件", "确定", "", "", false);

                } else {
                    this.Flagyingyezhizhao = true;
                }
                return temp;
            }
        }]
    });

 thiss.uploader.queue[this.uploader.queue.length - 1].onSuccess = function (response, status,    headers) {
                // 上传文件成功
                if (JSON.parse(response).stateCode== 200) {
                    // 上传文件后获取服务器返回的数据
                    let tempRes = JSON.parse(response);
                    thiss.yyLicense=tempRes.data;       
                   
                } else {
                    // 上传文件后获取服务器返回的数据错误
                    thiss.http.showAlert("提示", "组织代码证上传失败，请重新上传", "确定", "", "", false);
                }
            };
  thiss.uploader.queue[this.uploader.queue.length - 1].upload(); // 开始上传

//显示图片

thiss.uploader.onAfterAddingFile = (fileItem) => {
this.yyLicense = this.sanitizer.bypassSecurityTrustUrl((window.URL.createObjectURL(fileItem._file)));
        }

   @RequestMapping(method = RequestMethod.POST, value = "upload")
    public Object UploadFile(MultipartHttpServletRequest requestFile) throws IllegalStateException, IOException {
        DataState dataState = new DataState();
        HttpServletRequest request = WebContext.getServletRequest();
        UserEntity user = WebContext.getUserEntity();
        Iterator<String> itr = requestFile.getFileNames();
        requestFile.setCharacterEncoding("utf-8");
        MultipartFile file = requestFile.getFile(itr.next());

        // 转换成File
        CommonsMultipartFile cf = (CommonsMultipartFile) file;
        DiskFileItem fi = (DiskFileItem) cf.getFileItem();
        File f = fi.getStoreLocation();

        String fileName = file.getOriginalFilename();
        System.out.println(fileName);
        // 自定义的文件名称
        String trueFileName = String.valueOf(System.currentTimeMillis()) + fileName;
        String time = new SimpleDateFormat("yyyyMMdd").format(new Date());
        // 设置存放图片文件的路径
        String filePath="/app/test/"+time;

        // String
        path=realPath+System.getProperty("file.separator")+trueFileName;
        System.out.println("存放图片文件的路径:" + filePath);
        // 转存文件到指定的路径
         file.transferTo(new File(path));
        WebContext.getSession().setAttribute("url", url);
        dataState.setStateCode(StateCode.OPT_OK);
        dataState.setData(url);
        return DataEvent.wrap("uploadok", dataState);

    }

sudo npm install ng2-file-upload --save

'ng2-file-upload':            'npm:ng2-file-upload'

'ng2-file-upload': {    
    main: 'index.js',    
    defaultExtension: 'js'
}

import { CommonModule }     from '@angular/common';
import { FileUploadModule } from 'ng2-file-upload';

import { FileUploader } from 'ng2-file-upload';

uploader:FileUploader = new FileUploader({    
    url: "http://www.download.com:80/uploadFile",   
    method: "POST",    
    itemAlias: "uploadedfile"
});

<input type="file" ng2FileSelect [uploader]="uploader" (change)="selectedFileOnChanged($event)" />

selectedFileOnChanged() {
    // 这里是文件选择完成后的操作处理
}

<input type="file" ng2FileSelect [uploader]="uploader" (change)="selectedFileOnChanged($event)" multiple />

<div class="beforeDrop" ng2FileDrop [ngClass]="{dropping: isDropZoneOver}" (fileOver)="fileOverBase($event)" (onFileDrop)="fileDropOver($event)" [uploader]="uploader"><div>

fileOverBase(event) {
    // 拖拽状态改变的回调函数
}
fileDropOver(event) {
    // 文件拖拽完成的回调函数
}

this.uploader.queue[0].onSuccess = (response, status, headers) => {    
    // 上传文件成功   
    if (status == 200) {
        // 上传文件后获取服务器返回的数据
        let tempRes = JSON.parse(response);        
    }else {            
        // 上传文件后获取服务器返回的数据错误        
    }
};
this.uploader.queue[0].upload(); // 开始上传