Angular批量上传图片

强烈推荐一个大神的人工智能的教程：http://www.captainai.net/zhanghan

前提

     该博文使用ng2-file-upload组件实现。

使用步骤

     1.在module中添加引用

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

@NgModule({
  imports: [
    FileUploadModule,
  ]})

    2.在component.ts中

    ①添加引用

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

    ②新建一个FileUploader类型的对象:

  public imgUploaders: FileUploader = new FileUploader({
    
  });

    ③写上传的方法:

 onUploadFile() {
    let obj = this;
    let options = {
      url: this.url+this.Id,
      method: "POST",
      allowedFileType: ["image"]
    }
    this.imgUploaders.setOptions(options);
   //上传所有
    this.imgUploaders.uploadAll();
    this.imgUploaders.onSuccessItem=