<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base
href="<%=request.getScheme() + "://" + request.getServerName()
+ ":" + request.getServerPort() + request.getContextPath()
+ "/"%>>" />
<script type="text/javascript" src="static/jquery-1.3.2.min.js"></script>
<script src="static/ajaxfileupload.js" type="text/javascript"></script>
<script type="text/javascript">
function ajaxFileUpload() {
$.ajaxFileUpload({
url : '', //用于文件上传的服务器端请求地址
type : 'post',
data : {
"name" : "name"
}, //此参数非常严谨，写错一个引号都不行
secureuri : false, //一般设置为false
fileElementId : 'file1', //文件上传空间的id属性 <input type="file" id="file1" name="file" />
dataType : 'json', //返回值类型 一般设置为json
success : function(data, status) //服务器成功响应处理函数
{
alert(data)
},
error : function(data, status, e)//服务器响应失败处理函数
{
alert(e);
}
})
return false;
}
</script>
</head>
<body>
<p>
<input type="file" id="file1" name="file" />
</p>
<input type="button" value="上传" onClick="ajaxFileUpload()" />
<p>
<img id="img1" alt="上传成功" src="" />
</p>
</body>
</html>
不刷新页面提交上传文件
猜你喜欢
转载自2819272.iteye.com/blog/2214044
今日推荐
周排行