ajax 异步 提交 含文件的表单
2023-09-14 09:06:40 时间
1.前言
需求是使用 jquery 的 ajax 异步提交表单,当然,不是简单的数据,而是包含文件数据的表单。于是我想到了 new FormData() 的用法,
可是仍然提交失败,原来是ajax的属性需要修改才可以
【同步在form标签 添加几个属性即可,这里就不解释了】
2.前端表单源码,【同时上传多文件,name属性要相同后台才可以以数组的形式获取】
1 <form id="myform"> 2 <input type="file" name="fi"> 3 <input type="file" name="fi">
//按钮部分省略
// 4 </form>
3.js 的 ajax写法源码 ,红色箭头代码是关键
4.后台接收文件数组截图 ,变量名称一定要与form表单的文件input 的name属性值 一致
5 . MultipartFile 和 CommonsMultipartFile 类型的区别
其实 MultipartFile 是接口名称 ,CommonsMultipartFile是 接口 MultipartFile 的具体实现类 ,因此 ,使用 CommonsMultipartFile必须定义参数名称 ,
前面需要加 @Param("参数名称") ,
看起来很冗余 , 因此使用接口 MultipartFile 是最简洁的 , 加 【】则表示是数组型 ,用for循环遍历即可取出每一个
相关文章
- jquery ajax中 php前台后台文件中编辑都是uft-8,返回数据还是乱码
- ajax异步文件上传,iframe方式
- ajax 上传文件,监听进度(progress)
- ajax上传文件及进度显示
- dom4j解析和生成XML文件
- linux文件同步之rsync学习(一)
- Windows操作系统远程Linux服务器传输文件方法(以EasyDSS云平台、EasyNVR上传部署为例)
- EasyRTMP实现Demux解析MP4文件进行rtmp推送实现RTMP直播功能
- nodejs获取文件扩展名
- 怎么用ajax下载文件
- ajax上传文件及进度显示
- 播放WAV文件和系统提示音
- 从字符串中分离文件路径文件名及拓展
- 上传文件
- ajax利用html5新特性带进度条上传文件
- 【31】报错fatal error: no#include ,nop/serializer.h:没有那个文件或目录
- Atitit 遍历文件夹目录解决方案与规范 attilax总结 1. 规范2 1.1. 注意的不要同时改变文件夹内容,增删文件。这样获取到的目录list不会变化2 1.2. 主义中文名称文件读写
- TF:基于tensorflow框架利用python脚本下将YoloV3训练好的.ckpt模型文件转换为推理时采用的.pb文件
- ASP.NET Web Pages - 文件
- Ajax请求访问action推断文件是否存在
- Django 基于Ajax & form 简单实现文件上传
- Rsync如何将多台服务器文件同步至一台服务器
- 接口自动化测试 —— 文件上传/下载
- 老板叫我写个APP自动化--Yaml文件读取--内附整个框架源码
- java读取XML文件
- adb shell操作文件