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) ) }}
阅读全文
1 0
- Angular4 文件上传
- Angular4 里面用post上传文件无返回数据
- Angular4上传文件中ng2-file-upload控件
- 支持Angular4好用的文件上传组件ng2-file-upload
- angular4读取本地json文件
- Angular4
- Angular4
- Angular4 实现多图片上传预览
- 【Angular4学习】--初始文件目录结构解读
- (三)Angular4 英雄征途HeroConquest-初始化组件文件介绍
- Angular4根据url地址读取到文件中的内容
- 文件上传---文件上传
- angular4+笔记
- Angular4 + Material2
- Angular4 幕课网
- angular4路由
- Angular4介绍
- angular4 实践
- 关于Linux下编译和使用动态链接库静态链接库
- Maven实践(十一)---POM文件中各种元素的含义
- 【ChinaNews】2.MySQL的安装与设置
- LIB和DLL的区别
- servlet基础
- Angular4 文件上传
- Linux动态链接库.so文件的创建与使用
- servlet基础知识
- redis系统命令源代码剖析笔记(3)
- 毕业——新的旅途
- ASP.NET一些知识点总结
- adb常用命令
- 二、JAVA编译原理与注释
- FIND_IN_SET使用方法总结