上傳文件Angular 2

Question

目前正在玩Angular 2 RC。

是否有任何教程/文章可以幫助我理解通過REST調用將文件上傳到后端？

我經歷過這個 ，但感覺應該有一個更方便的方法。

Answer 1

如果您等待RC2，您將能夠使用除文本之外的其他有效負載。

例如Blob的：

var headers = new Headers({'Content-Type': 'text/css'});
var body = new Blob(['body { color: red; }']);

return this.http.post('/url', body, { headers });

Arraybuffer ：

var headers = new Headers({'Content-Type': 'text/css'});

var body = new ArrayBuffer(512);
var longInt8View = new Uint8Array(body);
for (var i = 0; i < longInt8View.length; i++) {
  longInt8View[i] = i % 255;
}

return this.http.post('/url', body, { headers });

FormData的：

var body = new FormData();
body.append('test1', 'val1');
body.append('test2', 123456);
var blob = new Blob(['body { color: red; }'], {type: 'text/css'});
body.append("userfile", blob);

return this.http.post('/url', body, { headers });

處理HTTP請求的二進制內容要容易得多。 現在，由於Angular2僅接受文本有效負載作為輸入，因此很難（並且很難）。