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

来源：互联网发布：程序员的工资组成编辑：程序博客网时间：2024/05/19 04:55

续接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>

阅读全文

0 0