我知道这是一个非常普遍的问题,但我无法在 Angular 2 中上传文件。
我努力了
1) http://valor-software.com/ng2-file-upload/ http://valor-software.com/ng2-file-upload/ and
2) http://ng2-uploader.com/home http://ng2-uploader.com/home
...但是失败了。有人用 Angular 上传过文件吗?你用了什么方法?怎么办呢?如果提供任何示例代码或演示链接,我们将不胜感激。
Angular 2 为上传文件提供了良好的支持。不需要第三方库。
<input type="file" (change)="fileChange($event)" placeholder="Upload file" accept=".pdf,.doc,.docx">
fileChange(event) {
let fileList: FileList = event.target.files;
if (fileList.length < 1) {
return;
}
let file: File = fileList[0];
let formData:FormData = new FormData();
formData.append('uploadFile', file, file.name)
let headers = new Headers();
/** In Angular 5, including the header Content-Type can invalidate your request */
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)
);
}
使用 @angular/core": "~2.0.0" 和 @angular/http: "~2.0.0"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)