Angular前端使用ts进行文件上传

前端代码：

<div class="file">
                        <div>请选择脚本文件</div>
                        <input id="p12" #fileUpload type="file" ng2FileSelect [uploader]="uploader" multiple (change)="selectedFileOnChanged($event)" style="cursor: pointer;" 
                         tabIndex="-1"/>
                    </div>
                    <span class="sp1">{{fileName}}</span>
                    <span class="sp1"  *ngFor="let item of uploader.queue">已上传：{{item.progress}}%</span>

ts代码

uploader: FileUploader = new FileUploader({
        url: "/api/--------------",
        method: "POST",
        itemAlias: "sh",
        autoUpload: true,
        removeAfterUpload: true
    });
 
    selectedFileOnChanged(event) {
        // 这里是文件选择完成后的操作处理
        console.log("开始进行操作");
        this.uploader.uploadAll();
        console.log("开始进行操作1");
        this.uploader.onSuccessItem = this.successItem.bind(this);
        console.log("开始进行操作2");
        $("#p12").val("");
    }
 
    successItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any {
        let tempRes = JSON.parse(response);
        console.log(tempRes + "-------------");
        this.isadd = true;
        
        this.websuffix = item.file.name.substring(item.file.name.lastIndexOf("."));
        console.log("houzhui------" + this.websuffix + "-------------" + item.file.name );
        this.afteruuid = tempRes.backuuid;
        this.oldpath = tempRes.oldpath;
        console.log("huoqu--------------" + this.afteruuid + this.oldpath);
        this.fileName = item.file.name;
    }