您的位置:首页 > 其它

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”)获取单个文件。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息