Angular4 文件上传

来源:互联网 发布:全国省市县数据库 sql 编辑:程序博客网 时间:2024/06/10 17:14

Angular provides good support for uploading file. Any third party library is not required.

<input type="file" (change)="fileChange($event)" placeholder="Upload file" accept=".pdf,.doc,.docx">fileChange(event) {    let fileList: FileList = event.target.files;    if(fileList.length > 0) {        let file: File = fileList[0];        let formData:FormData = new FormData();        formData.append('uploadFile', file, file.name);        let headers = new Headers();        headers.append('Content-Type', 'multipart/form-data');        headers.append('Accept', 'application/json');        let options = new RequestOptions({ headers: headers });        this.http.post(`${this.apiEndPoint}`, formData, options)            .map(res => res.json())            .catch(error => Observable.throw(error))            .subscribe(                data => console.log('success'),                error => console.log(error)            )    }}
原创粉丝点击