from 表单提交数据同时上传图片

仅自己可见1213

已于 2023-06-17 12:13:21 修改

阅读量1.2k

点赞数

文章标签： java 开发语言

于 2023-06-17 12:09:59 首次发布

本文链接：https://blog.youkuaiyun.com/yf826709699/article/details/131258685

版权

这段代码展示了如何在前端使用FormData对象来组合文件和表单数据，并通过POST方法发送到名为userRegister的接口。数据包括用户信息和文件，请求头设置为Content-Type:multipart/form-data，这是处理文件上传的标准做法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//1 前端传输数据和图片
          const formdata = new FormData();
//文件对象，一个和多个一样传
          formdata.append("file", this.file);
//表单数据
          formdata.append("userName", this.sysuser.userName);
          formdata.append("userType", this.sysuser.userType);
          formdata.append("cardId", this.sysuser.cardId);
          formdata.append("shopNo", this.sysuser.shopNo);
          formdata.append("shopName", this.sysuser.shopName);
          formdata.append("openId", this.sysuser.openId);
//提交接口
          userRegister(formdata)

//提交接口-------------------------------------------------
export function userRegister(data) {
    return request({
        url: url + 'userRegister',
        method: 'post',//必须是post
        data: data,
        headers: { 'Content-Type': 'multipart/form-data' }//有文件上传时 必须加此参数
    })
}