FormData 对象的使用

最新推荐文章于 2022-09-30 15:07:14 发布

聽風娓娓道來

最新推荐文章于 2022-09-30 15:07:14 发布

阅读量278

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_41876674/article/details/81333619

版权

前端专栏收录该内容

8 篇文章 1 订阅

订阅专栏

有一个上传文件的需求然后用到formData这个对象，但是不知道具体干什么用的

百度查到这个对象有两个作用
1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个queryString
2.异步上传二进制文件

使用

这里写图片描述

let formData = new FormData()
formData.append('user', 'zhang')
获取 formData.get('user')  //zhang
删除 formData.delete('user')
.....

// 上传文件
    beforeAvatarUpload (file) {
      let Xls = file.name.split('.')
      if (Xls[1] === 'xls' || Xls[1] === 'xlsx') {
        let fd = new FormData()
        fd.append('file', file)
        visitPlan.visitPlanImport(fd)
          .then(res => {
            let code = res.data.returnValue
            }