小编Kam*_*mal的帖子

Angular - POST上传文件

我正在使用Angular,TypeScript将文件和JSON数据一起发送到服务器.

以下是我的代码:

import {Component, View, NgFor, FORM_DIRECTIVES, FormBuilder, ControlGroup} from 'angular2/angular2';
import {Http, Response, Headers} from 'http/http';


@Component({ selector: 'file-upload' })
@View({
directives: [FORM_DIRECTIVES],
template: `
<h3>File Upload</h3>

<div>
     Select file:
    <input type="file" (change)="changeListener($event)">
</div>

`
})
export class FileUploadCmp {

public file: File;
public url: string;
headers: Headers;


constructor(public http: Http) {
    console.log('file upload Initialized');
    //set the header as multipart        
    this.headers = new Headers();
    this.headers.set('Content-Type', 'multipart/form-data');
    this.url = 'http://localhost:8080/test';
}

//onChange file listener
changeListener($event): void …
Run Code Online (Sandbox Code Playgroud)

file-upload typescript angular2-http angular

61
推荐指数
3
解决办法
11万
查看次数

标签 统计

angular ×1

angular2-http ×1

file-upload ×1

typescript ×1