vue问题 - formdata.append无效果

最新推荐文章于 2024-07-24 17:10:08 发布

春涧草茶

最新推荐文章于 2024-07-24 17:10:08 发布

阅读量1.8w

点赞数 13

分类专栏： ant design pro of vue

本文链接：https://blog.csdn.net/weixin_39061000/article/details/118081303

版权

前端

ant design pro of vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

handleChange(info) {
      if(this.fileStatus){
        const formData = new FormData()
        formData.append('file', info.fileList[0].originFileObj)
        console.log(formData)
        Upload(formData).then((res)=>{
          if(res.success==true){
            this.$message.success(`${info.file.name} 文件上传成功`);
          }else{
            this.$message.error(`${info.file.name} 文件上传失败`);
          }
        })
      }
    }

append之后，打印formData为空，度娘一下发现formData需要使用FormData.get等方法获取相关值。

解决：

console.log(formData.get('file'))

FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式，并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去，本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form-data"，它会使用和表单一样的格式。