【问题标题】:angular 4 file upload on completed callback完成回调时上传 Angular 4 文件
【发布时间】:2017-08-23 18:28:13
【问题描述】:

我在我的 Angular 4 应用程序上实现了简单的文件上传,一切正常,但我有一个问题我不知道如何解决,所以当我完成上传第一个项目时,onSuccessItem 回调触发并且我做了一些逻辑在那里,但是当我上传另一个文件时,相同的回调不会触发。我的问题是每次上传文件时如何触发 onSuccessItem 回调,我不想刷新页面。我的代码看起来像这样。我正在使用这个插件https://github.com/valor-software/ng2-file-upload

import { Component } from '@angular/core';
import {FileUploader, FileItem, ParsedResponseHeaders} from "ng2-file-upload";

@Component({
    selector: 'upload-file',
    template: `
    <input type="file" ng2FileSelect [uploader]="uploader">    
    `,
})
export class UploadFileComponent {
    uploader:FileUploader;
    ngOnInit(): void {
        this.uploader = new FileUploader({
            url: 'http://url.to/upload',
            headers: [{name:'Accept', value:'application/json'}],
            autoUpload: true,
        });
        this.uploader.onErrorItem = (item, response, status, headers) => this.onErrorItem(item, response, status, headers);
        this.uploader.onSuccessItem = (item, response, status, headers) => this.onSuccessItem(item, response, status, headers);
    }

    onSuccessItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any {
        //this gets triggered only once when first file is uploaded
    }

    onErrorItem(item: FileItem, response: string, status: number, headers: ParsedResponseHeaders): any {
        let error = JSON.parse(response); //error server response
    }
}

【问题讨论】:

  • 请去掉不合适的标签angularjs

标签: angular typescript ng-file-upload ng2-file-upload


【解决方案1】:

似乎是库中的一个错误。

在这里报告:https://github.com/valor-software/ng2-file-upload/issues/872 由你?

【讨论】:

  • 这是真的,我报告了它,但尚未确认这是错误。所以我想也许我做错了什么。
猜你喜欢
  • 2012-02-02
  • 2016-04-24
  • 1970-01-01
  • 2017-11-09
  • 2018-05-06
  • 1970-01-01
  • 2016-08-06
相关资源
最近更新 更多