首页 > Web开发 > 详细

input file上传文件

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

如何使用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上传文件

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!