html:
<form id="formid" action="" method="post" enctype="multipart/form-data">
文件:<input type="file" name="fileName" id="file" />
<br />
<input type="submit" value="上传" id="sub"/>
<input type="button" value="上传" id="but"/>
</form>
<div ><img id="showImg" src=""></div>
获取要上传的数据文件
方式一:通过表单获取
var data = new FormData($('#form')[0]);
方式二:通过file的id获取
var file = $('#fileid').get(0).files[0];
var formData = new FormData();
formData.append("file",file);
提交表单数据
方式一:ajax异步提交
注意:如果要使用异步提交的话在绑定点击事件的时候就不能将其绑定在type=submit上,而是type=button
<script>
$(function () {
$('#but').click(function () {
var file = $('#fileid').get(0).files[0];
var formData = new FormData();
formData.append("file",file);
$.ajax({
url:"${pageContext.request.contextPath}/user/userImg",
type:"post",
data:formData,
dataType:'text',