文件和对象同时提交组装formData

我就是我 2022-05-10 06:44 162阅读 0赞

1.提交组装数据

var file1 = document.getElementById("imgSdf1").files\[0\];  
        var file2 = document.getElementById("imgSdf2").files\[0\];  
        var file3 = document.getElementById("imgSdf3").files\[0\];

var formData = new FormData();  
        formData.append("imgSdf1", file1); //加入文件对象  
        formData.append("imgSdf2", file2); //加入文件对象  
        formData.append("imgSdf3", file3); //加入文件对象  
        formData.append("pd", decodeURIComponent(formSearch,true)); //加入文件对象,解码，中文乱码问题

$.ajax(\{  
            type: "POST",  
            url: "$\{path\}/people/savePeople",  
            data: formData,  
            processData: false,// 不加会报错  
            contentType: false,// 不加会报错  
            success: function (result) \{

\}

\}）;

2.后台代码

//文件和数据一同上传，需要如下操作  
//    public Object savePeople(@RequestParam(value = "imgSdf1", required = false) MultipartFile file,  
//                             @RequestParam(value = "imgSdf2", required = false) MultipartFile file2,  
//                             @RequestParam(value = "imgSdf3", required = false) MultipartFile file3,HttpServletRequest request) \{

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 axios 提交表单同时下载文件

axios 提交表单同时下载文件 vue + elementUI + axios 提交表单下载文件 // 下载文件 dow

冷不防/ 2022年12月11日 03:26/ 0 赞/ 164 阅读

相关 JS FormData对象

摘要通常我们提交（使用submit button）时，会把form中的所有表格元素的name与value组成一个queryString，提交到后台。这用jQuery的方法来说

快来打我*/ 2022年08月08日 00:45/ 0 赞/ 167 阅读

相关 FormData 对象的使用

FormData 对象的使用通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因为可以独立

﹏ヽ暗。殇╰゛Y/ 2022年05月30日 05:11/ 0 赞/ 161 阅读

相关文件和对象同时提交组装formData

1.提交组装数据 var file1 = document.getElementById("imgSdf1").files\[0\]; v

我就是我/ 2022年05月10日 06:44/ 0 赞/ 163 阅读

相关 formData和blob 对象

formdata FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利，上传二进制

落日映苍穹つ/ 2022年04月15日 06:07/ 0 赞/ 290 阅读

相关文件和普通表单同时提交

JSP页面：send.jsp,页面编码为GBK <body> <%! Date now=new Date(); String form=String.forma

柔光的暖阳◎/ 2022年04月13日 10:28/ 0 赞/ 176 阅读

相关使用FormData对象

使用FormData对象 TABLE OF CONTENTS 1. `` `` 2. [创建一个FormData对象][FormData]``````

叁歲伎倆/ 2021年10月01日 02:38/ 0 赞/ 315 阅读

相关 jQuery 提交 FormData 对象，前方有坑

> ![这里写图片描述][20180609034526478] 允许我做一个悲伤的表情在 Laravel 中提交了半天马歌姬的，老是提交不上去，一直报 jQuery 的错，

拼搏现实的明天。/ 2021年09月15日 13:28/ 0 赞/ 307 阅读

相关 Ajax利用FormData提交文件和数据

一、ajax提交纯表单（不包含文件或二进制或非ASCII数据） ajax提交表单绕了很久，遇到一些问题进行测试下以加深理解，测试使用浏览器 49.0.2623.11

灰太狼/ 2021年09月15日 03:20/ 0 赞/ 372 阅读

相关 FormData对象

FormData对象一、什么是FormData对象二、语法三、express处理formdata对象四、FormData对象实例的方法

以你之姓@/ 2021年09月07日 06:12/ 0 赞/ 374 阅读