标签：发送 文件 file上传 header div 发送请求 get event nbsp
如何使用input[type=‘file‘]来上传文件呢？
html：
//angular
<input type="file" (change)="fileChange($event)" placeholder="上传文件">
//vue
<input type="file" @change="fileChange" placeholder="上传文件">
js:
fileChange(event) { let fileList = event.target.files; if (fileList.length > 0) { let file = fileList[0]; let formData = new FormData(); formData.append(‘uploadFile‘, file);
//你的post接口，formData发送
this.upgradeService.postDeviceFile(formData, (res) => {
})
}
}
serve:
注意这里发送请求的时候需要加上header让其以二进制文件流的形式去发送（formData）
let headerHttp = new HttpHeaders(); headerHttp = headerHttp.append(‘Content-Type‘, ‘application/zip‘); headerHttp = headerHttp.append(‘Accept‘, ‘application/zip‘);
标签：发送 文件 file上传 header div 发送请求 get event nbsp
原文地址：https://www.cnblogs.com/wangzhichao/p/9831034.html
