zoukankan      html  css  js  c++  java
  • 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');

  • 相关阅读:
    keepass
    gpg
    Wireshark实践
    ssh
    namp
    第十二周
    第十一周
    第十周总结
    第九周学习总结
    编程语言
  • 原文地址:https://www.cnblogs.com/wangzhichao/p/9831034.html
Copyright © 2011-2022 走看看