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

axios+FormData文件上传

时间:2019-05-09 10:49:18      阅读:727      评论:0      收藏:0      [点我收藏+]

标签:append   end   添加   headers   content   mda   accept   art   file   

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)
    }
}

  

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

 

axios+FormData文件上传

标签:append   end   添加   headers   content   mda   accept   art   file   

原文地址:https://www.cnblogs.com/s313139232/p/10836832.html

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