标签:发送 文件 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