form 表单提交数据和文件(fromdata的使用方法)
<!-- 数据和文件一次性提交 -->
<form class="form_meren" id="mainForm" name="mainForm" action="${ctx}/shahescenicinfo/insertShaheScenicinfo.do" method="post" enctype="multipart/form-data"> <input class="form-control " id="aname" name="aname" type="text">
<input type="file" id="otherfiles">
<input type="file" id="otherfiles2">
<button type="button" onclick="sbutripform()" >保存</button>
</form>
//验证结束后执行保存
function sbutripform(){
//form的id就是mainForm
var mainstr=formToJsonObject(mainForm);
//from表单对象 转json
mainstr=JsonToStr(mainstr);
mainstr=mainstr.replace("%", "%25");
var manstr = mainstr.toString();
var formData = new FormData();
formData.append("file1",document.getElementById("otherfiles").files[0]);
formData.append("file2",document.getElementById("otherfiles2").files[0]);
formData.append("jsonStr",manstr);
$.ajax({
url:url,
type:'POST',
dataType:'json',
data:formData,
cache: false,//上传文件无需缓存
processData: false,//用于对data参数进行序列化处理 这里必须false
contentType: false, //必须
success:function(xclyid){
window.top.customAlertTip("", "保存成功", "warning");
},
error:function (error){
window.top.customAlertTip("", "保存失败", "warning");
}
}); }
@RequestMapping(value="/updateallareainfo.do", method={RequestMethod.GET,RequestMethod.POST})
@ResponseBody
public String updateallareainfo(HttpServletRequest request,
@RequestParam(value="file1",required=false)MultipartFile file1,
@RequestParam(value="file2",required=false)MultipartFile file2,
String jsonStr) {
//把数据从json 转换为 实体类
YbsjAreaInfo ybsjAreaInfo = JSON.parseObject(jsonStr,YbsjAreaInfo.class);
try {
log.info("当前访问的action方法:updateallareainfo") ;
// uploads 文件夹位置
String rootPath = request.getSession().getServletContext().getRealPath(PropertyManager.getProperty("voiceupload"));
// uploads 文件夹2位置
String imgPath = request.getSession().getServletContext().getRealPath(PropertyManager.getProperty("filesavepath
// 原始名称
String newFileName1 = "";
String newFileName2 = "";
if (file1!=null) {
String originalFileName1 = file1.getOriginalFilename();//旧的文件名(用户上传的文件名称)
//新的文件名
newFileName1 = UUIDUtil.getuuid() + originalFileName1.substring(originalFileName1.lastIndexOf("."));
File newFile = new File(rootPath + File.separator + newFileName1);
// 判断目标文件所在目录是否存在
if( !newFile.getParentFile().exists()) {
// 如果目标文件所在的目录不存在,则创建父目录
newFile.getParentFile().mkdirs();
}
//存入
file1.transferTo(newFile);
ybsjAreaInfo.setMapUrl("/"+filesavepath+newFileName1);
}
if (file2!=null) {
String originalFileName2 = file2.getOriginalFilename();
newFileName2 = UUIDUtil.getuuid() + originalFileName2.substring(originalFileName2.lastIndexOf("."));
File newFile2 = new File(imgPath + File.separator + newFileName2);
if( !newFile2.getParentFile().exists()) {
// 如果目标文件所在的目录不存在,则创建父目录
newFile2.getParentFile().mkdirs();
}
file2.transferTo(newFile2);
ybsjAreaInfo.setAlogo("/"+filesavepath+newFileName2);
}
} catch (IllegalStateException | IOException e) {
e.printStackTrace();
}
int updateallareainfo = ybsjAreaInfoService.updateallareainfo(ybsjAreaInfo);
String shaheScenicinfoid="{\"id\":\""+updateallareainfo+"\"}";
return shaheScenicinfoid;
}
以上是 单个文件 接收的方法
如果用到一个Input 上传多个文件
后台用
@RequestParam("files") MultipartFile[] files
接收就好了
form 表单提交数据和文件(fromdata的使用方法)的更多相关文章
- Linux curl 模拟form表单提交信息和文件
Linux curl 模拟form表单提交信息和文件 curl是一个命令行方式下传输数据的开源传输工具,支持多种协议:FTP.HTTP.HTTPS.IMAP.POP3.TELNET等,功能超级强大 ...
- thinkPHP5.0使用form表单提交数据和删除文章,不用TP的提示页面,使用弹出提示信息
form表单提交数据和删除文章时,TP的默认信息提示页面的看起来不是很好看,想要实现弹窗提示怎么做呢? 前端:可以使用前端的一个知识--iframe,iframe元素会创建包含另外一个文档的内联框架: ...
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
- springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据
springboot框架中集成thymeleaf引擎,使用form表单提交数据,debug结果后台获取不到数据 表单html: <form class="form-horizontal ...
- Java后台使用httpclient入门HttpPost请求(form表单提交,File文件上传和传输Json数据)
一.HttpClient 简介 HttpClient 是 Apache Jakarta Common 下的子项目,用来提供高效的.最新的.功能丰富的支持 HTTP 协议的客户端编程工具包,并且它支持 ...
- js_ajax模拟form表单提交_多文件上传_支持单个删除
需求场景: 用一个input type="file"按钮上传多张图片,可多次上传,可单独删除,最后使用ajax模拟form表单提交功能提交到指定方法中: 问题:由于只有一个file ...
- form表单提交数据的数据格式
form表单提交的数据格式默认是 enctype="application/x-www-form-urlencoded"这样将input框的数据与input框的name属性以键值对 ...
- Form表单提交数据的几种方式
一.submit提交 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交, ...
- 关于AJAX与form表单提交数据的格式
一 form表单传输文件的格式: 只有三种: multipart/form-data 一般用于传输文件,图片文件或者其他的. 那么其中我们默认的是application/x-www-form-urle ...
随机推荐
- ASP.NET WEB应用程序(.network4.5)MVC Razor视图引擎2 视图引用资源
https://www.cnblogs.com/Roxlin/p/5615144.html 一.配置BundleConfig.cs文件 1.首先要在App_Start 里面BundleConfig.c ...
- 关于困惑已久的var self=this的解释
首先说下this这个对象的由来(属于个人理解):每个函数在定义被ECMAScript解析器解析时,都会创建两个特殊的变量:this和arguments,换句话说,每个函数都有属于自己的this对象,这 ...
- 【es6】将2个数组合并为一个数组
//第一种 一个数组中的值为key 一个数组中的值为value let arr1 = ['内存','颜色','尺寸']; let arr2 = [1,2,3]; let temp = arr1.map ...
- luogu题解P1967货车运输--树链剖分
题目链接 https://www.luogu.org/problemnew/show/P1967 分析 NOIp的一道裸题,直接在最大生成树上剖分取最小值一下就完事了,非常好写,常数也比较小,然而题解 ...
- bootstrap实现Carousel旋转木马(焦点图)
引入bootstrap相关文件后,在html中写如下代码: <div class="col-lg-9" > <!-- Carousel============== ...
- S2-048
前言 S2-048漏洞和struts2-struts1-plugin插件有关,该插件用于将Struts1的action也能在struts2上运行,提高兼容性(作用是我猜的~) 正文 我们先看下这个插件 ...
- SpringCloud之Zuul网关原理及其配置
Zuul是spring cloud中的微服务网关.网关: 是一个网络整体系统中的前置门户入口.请求首先通过网关,进行路径的路由,定位到具体的服务节点上. Zuul是一个微服务网关,首先是一个微服务.也 ...
- flume 1.7在windows下的安装部署与测试运行
一.安装 安装java,配置环境变量. 安装flume,下载地址,下载后直接解压即可. 二.运行 创建配置文件:在解压后的文件 apache-flume-1.7.0-bin\conf下创建一个exam ...
- Oracle 数据 查询 一对多 取最新一条非 0 数据
主键id 待查字段 日期 1 6 2019/5/1 1 0 2019/5/2 需求: 找出 ...
- redis缓存击穿和缓存雪崩
工作中经常会用到redis来做缓存,以防止后台db挂掉.但是db数据一般都在10T以上,不可能把mysql中的数据全部放入redis中,所以一般是将一些热key放入redis中. 缓存击穿 一个请求先 ...