input file上傳文件

歡迎加入前端交流群交流知識獲取視頻資料：749539640

如何使用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');