小编may*_*yur的帖子

在Angular2中构建multipart/form-data POST请求并验证输入类型File

我有一个图像(base64),我需要通过POST请求发送(并等待响应).POST请求必须是Content-Type:multipart/form-data.图像需要是Content-Type: image/jpg

POST请求应如下所示:

POST https://www.url... HTTP/1.1
Content-Type: multipart/form-data; boundary=-------------------------acebdf13572468
User-Agent: Fiddler
Host: www.host.com
Content-Length: 199640

---------------------------acebdf13572468
Content-Disposition: form-data; name="fieldNameHere"; filename="Nikon Digital SLR Camera D3100 14.2MP 2.jpg"
Content-Type: image/jpeg
Run Code Online (Sandbox Code Playgroud)

用二进制图像数据作为内容体.

我正在尝试使用角度2的Http Post方法,但我不太确定如何生成请求.这就是我所拥有的:

let body = atob(imageData);
let headers = new Headers({'Content-Type': 'multipart/form-data'});
let options = new RequestOptions({headers: headers});

this._http.post(url, body, options)
.map(res=>{
  //do stuff
});
Run Code Online (Sandbox Code Playgroud)

我可以说我错过了它的一部分,但我不知道我需要做什么来给二进制图像数据它的内容 - 处置和类型等.

javascript post typescript angular2-forms angular

7
推荐指数
1
解决办法
2万
查看次数

Angular 2的响应式图库插件?

可以任何身体建议我任何响应Gallery For Angular 2

我最近处理我的画廊由Flex CSS ....

任何更好的选项或示例但在Pure Angular 2或Javascript中

javascript css angular

6
推荐指数
1
解决办法
9163
查看次数

组件upperCaseComponent模板出错

它显示模板有错误,

错误:

  • 属性“结果”是私有的,只能在“upperCaseComponent”类中访问
  • 属性“mymessage”未在“upperCaseComponent”中声明

我的html

<input type="text" [(ngModel)]="mymessage"
<button (click)="clickMe()"> send</button>
<br><br>
<h1>{{result | json}}</h1>
Run Code Online (Sandbox Code Playgroud)

我的组件.ts

import {Component} from "@angular/core";
export class MyComponent {
private result: any;
constructor()
}
Run Code Online (Sandbox Code Playgroud)

angularjs angular-template angular

6
推荐指数
1
解决办法
9万
查看次数