POST请求参数格式修改为“multipart/form-data“,去掉大括号

在用"application/json"传POST的请求data时,会有一个大括号包着
但是如果是上传文件时,需要将字段分开,不要大括号,采用"multipart/form-data"方式
那么需要对接口进行一些参数格式转换:

import request from '@/request/request'

function toFormData(o) {
    const formData = new FormData();
    for (let [key, value] of Object.entries(o)) {
        if (value !== undefined) {
            if (value == null) {
                value = "";
            }
            formData.append(key, value);
            continue;
        }
    }
    return formData;
}

// 新增反馈信息
export const add_feedback = (data) => {
    return request({
        headers: {
            "content-type": "multipart/form-data",
        },
        url: '/feedback/add',
        method: 'post',
        data: toFormData(data),
    })
}

最终请求格式:
在这里插入图片描述

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript 中进行 POST 请求并使用 `multipart/form-data` 类型上传图片,可以使用 `FormData` 对象来构建请求。以下是一个示例代码: ```javascript // 创建一个 FormData 对象 var formData = new FormData(); // 获取文件输入框中选择的图片文件 var fileInput = document.getElementById('fileInput'); var file = fileInput.files[0]; // 将图片文件添加到 FormData 对象中 formData.append('image', file); // 创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 监听请求完成事件 xhr.addEventListener('load', function(event) { if (xhr.status === 200) { console.log('上传成功'); } else { console.log('上传失败'); } }); // 发送 POST 请求 xhr.open('POST', 'http://example.com/upload', true); xhr.setRequestHeader('Content-Type', 'multipart/form-data'); xhr.send(formData); ``` 在上述代码中,我们首先创建一个 `FormData` 对象,然后从文件输入框中获取用户选择的图片文件,并将其添加到 `FormData` 对象中。接下来,我们创建一个 `XMLHttpRequest` 对象,并监听请求完成事件。最后,我们使用 `open()` 方法设置请求的方法、URL 和异步标志,设置 `Content-Type` 请求头为 `multipart/form-data`,并发送 `FormData` 对象作为请求的数据体。 请注意,这只是一个基本示例,实际项目中可能需要进行更多的错误处理和验证。另外,跨域请求时可能需要处理 CORS(跨源资源共享)相关的设置。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值