xxx.module.ts模塊?
import { NgModule} from “@angular/core”;?
import { FileUploadModule } from “ng2-file-upload” ;?
import { XXXComponent } from “./xxx.component”;

@NgModule({?
imports:[?
FileUploadModule?
],?
declarations:[?
XXXComponent ，/component,pipe,directive/],?
providers:[]?
})?
export class XXXModule{}

xxx.component.ts組件?
import { Component} from “@angular/core”;?
import { FileUploader} from “ng2-file-upload/file-upload/file-uploader.class”;

@Component({?
templateUrl:’xxx.component.html’?
})

export class XXXComponent{?
constructor(){ }?
public fileList;?
public uploadFile(event){?
this.fileList = event.target.files;?
}

//上傳?
public submitUploadFile(){?
if(this.fileList.length>0){?
let file:File = this.fileList[0];?
let formData = new FormData();?
formData.append(‘file’,file,file.name);?
let headers = new Headers();?
headers.append(‘Accept’,’application/json’);?
let options = new RequestOptions({headers:headers});?
this.http.post(url,formData,options)?
.map(res=>res.json())?
.catch(error=>Observable.throw(error))?
.subscribe(

//返回上傳數(shù)據(jù)

• 1

//success or fail

• 1

)

• 1
• 2

}?
}?
}

xxx.component.html?

總結(jié)

以上是生活随笔為你收集整理的angularjs 上传的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。