码迷,mamicode.com
首页 > Web开发 > 详细

input file上传文件

时间:2018-10-22 17:54:24      阅读:255      评论:0      收藏:0      [点我收藏+]

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

 

 

input file上传文件

标签:发送   文件   file上传   header   div   发送请求   get   event   nbsp   

原文地址:https://www.cnblogs.com/wangzhichao/p/9831034.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!