eclipse中 Maven项目SSM框架中文件上传简单实现之二Ajax表单形式上传

最新推荐文章于 2022-10-12 19:16:24 发布

相由心生2020

最新推荐文章于 2022-10-12 19:16:24 发布

阅读量497

点赞数

分类专栏： java技术总结文章标签： ajax jquery 框架 SSM 上传图片

本文链接：https://blog.csdn.net/u013360073/article/details/78450253

版权

java技术总结专栏收录该内容

6 篇文章 0 订阅

订阅专栏

续接eclipse中 Maven项目SSM框架中文件上传简单实现之一Form表单形式上传，只写前台，后台一样

1、新建upload.html文件,引入jquery库

<script type="text/javascript" src="scripts/jquery.min.js"></script>

2、<body>标签中编写文件上传代码

<h1>Ajax文件上传</h1>
<input type="file" name="uploadFile">
<input type="submit" id="upload" value="提交">

<p id="result"></p>

3、编写jquery代码

<script>
$(function(){
	$("upload").click(uploadFile);
});

function uploadFile(){
	var file = $('#uploadFile)[0].files[0];
	
	if(!file){
		alert('请选择第一个文件');
		return;
	}
	//创建表单对象
	var form = new FormData();
	form.append('userfile',file);
	
	//利用jQuery发送数据
	$.ajax({
		url:'/user/upload',   //Controller中上传方法的路径
		data:form,            //向服务器发送的表单数据
		type:'POST',          //发送方法
		dataType:'json',      
		contentType:false,
		processData:false,
		success:function(result){
			if(result.state==0){
				$('#result').html("上传成功");
			}
		},
		error:function(){
			alert("通信故障!");
		}
	})
}

</script>