ajax异步上传文件图片
2017-03-20 14:48
375 查看
<div>
<form id="myform">
<input type="file" name="file" />
</form>
<input type="button" value="确认添加" onclick="save();" />
</div>
<script type="text/javascript">
function save(){
var fm = document.getElementById('myform');
var data = new FormData(fm);//获取表单数据.
$.ajax({
url: '<%=basePath %>RequestMapping/RequestMapping',
type: 'POST',
data: data,
contentType: false, //禁止设置请求类型
processData: false, //禁止jquery对DAta数据的处理,默认会处理 FormData已经帮我们做了处理
success: function (result) {
if(result.success)
swal({confirmButtonText: "确认",title:result.msg,type:"success"});
else
swal({confirmButtonText: "确认",title:result.msg,type:"error"});
}
});
}
</script>
如果是单个文件在action方法用MultipartFile类型接收,如果是多个文件用MultipartHttpServletRequest类型接收。
注意:MultipartHttpServletRequest接受后用方法getFile(“fileName”)获取单个文件。
<form id="myform">
<input type="file" name="file" />
</form>
<input type="button" value="确认添加" onclick="save();" />
</div>
<script type="text/javascript">
function save(){
var fm = document.getElementById('myform');
var data = new FormData(fm);//获取表单数据.
$.ajax({
url: '<%=basePath %>RequestMapping/RequestMapping',
type: 'POST',
data: data,
contentType: false, //禁止设置请求类型
processData: false, //禁止jquery对DAta数据的处理,默认会处理 FormData已经帮我们做了处理
success: function (result) {
if(result.success)
swal({confirmButtonText: "确认",title:result.msg,type:"success"});
else
swal({confirmButtonText: "确认",title:result.msg,type:"error"});
}
});
}
</script>
如果是单个文件在action方法用MultipartFile类型接收,如果是多个文件用MultipartHttpServletRequest类型接收。
注意:MultipartHttpServletRequest接受后用方法getFile(“fileName”)获取单个文件。
相关文章推荐
- java ajax异步上传文件(文档、图片都可以)
- ajax异步上传图片文件并将其转换为base64格式
- ajax实现异步文件或图片上传功能
- SpringMVC中使用ajaxfileupload异步上传图片文件视频
- [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)
- springmvc + ajaxfileupload 实现异步上传文件(图片)
- spring mvc文件下载 及 ajax异步上传图片
- thinkphp5 ajax图片文件异步上传
- ajax异步上传文件/图片
- 使用ajax异步上传文件或图片(配合php)
- ajax实现异步文件(图片)上传功能
- 解决网页异步上传图片时不断更换预览图片时数据库累积文件问题与ajaxUploadFile上传多个参数问题
- springmvc + ajaxfileupload 实现异步上传文件(图片)
- springmvc + ajaxfileupload 实现异步上传文件(图片)
- jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
- JQuery的AJAX与Spring MVC实现异步文件上传
- springMVC + ajaxfileupload异步上传图片预览,裁剪并保存图片
- jQuery异步上传文件插件ajaxFileUpload详细介绍
- 基于ajax的Html5文件上传插件,带进度并支持图片预览
- 分析异步上传文件的原理 ajaxUploadFile