zoukankan      html  css  js  c++  java
  • axios+FormData文件上传

    axios+FormData文件上传

    原理:FormData上传

    创建一个FormData对象,将得到的文件流对象放在FormData内,然后使用axios上传

    注意:

    1.请求头设置

    headers: { 'Content-Type': 'multipart/form-data' }

    2.FormData对象

    无论是用input type=“file”还是一些框架的上传组件,都可以的到一个file文件流,详见代码展示

    代码:

    我是使用的是iview的Upload组件

    <Upload :before-upload="handleUpload"
                  accept=".rar"
                  :format="['.rar']"
                  :max-size=102400
                  action="#">
                    <Button size="small">选择文件</Button>
    </Upload>
    

      

    /* 上传文件 */
    export const importFile = data => request({ url: '/ktdb/projectAdmission/import', method: 'post', headers: { 'Content-Type': 'multipart/form-data' }, data })
    

      

    handleUpload (file) {
          // 创建FormData对象
          let param = new FormData()
         // 将得到的文件流添加到FormData对象
          param.append('file', file, file.name)
          importFile(param).then((res) => {
            console.log(res)
        }
    }
    

      

    钻研不易,转载请注明出处。。。。。。

  • 相关阅读:
    javaweb一
    javaweb三、JDBC访问数据库
    Java学习笔记十
    socket qt基础版本
    QT+VS+添加console 解决方案
    QT创建TCP Socket通信
    左值引用与右值引用
    STL 中 map和set的区别
    C++中STL哈希表介绍
    虚函数总结
  • 原文地址:https://www.cnblogs.com/s313139232/p/10836832.html
Copyright © 2011-2022 走看看