通过dwr可以实现文件的无刷新上传
(1)前端代码部分
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 必须引入dwr的engine.js -->
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/engine.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/util.js"></script>
<!-- 将java的类引入 -->
<script type="text/javascript" src="<%=request.getContextPath()%>/dwr/interface/hello.js"></script>
<script type="text/javascript">
function upload() {
var f = document.getElementById("uf");
alert(f.value);//上传的文件名
hello.upload(f,f.value,function(data){
alert(data);
});
}
</script>
</head>
<body>
<input type="file" id="uf"/> <input type="button" value="上传" οnclick="upload()"/>
</body>
</html>
(2)java代码部分
import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import javax.servlet.http.HttpServletRequest;
import org.apache.commons.io.FileUtils;
import org.apache.commons.io.FilenameUtils;
import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;
public class HelloDwr {
public String say(String name) {
System.out.println("name:"+name);
return "hello:"+name;
}
public String upload(InputStream is,String filename) throws IOException {
System.out.println(filename);//可以得到上传的文件的名字,ie和chrome下会得到绝对路径,而firefox下则会得到文件名
//可以获取相应的ServletApi
WebContext wc = WebContextFactory.get();
HttpServletRequest req = wc.getHttpServletRequest();
String realPath = req.getSession().getServletContext().getRealPath("/img");
String fn = FilenameUtils.getName(filename);
FileUtils.copyInputStreamToFile(is, new File(realPath+"/"+fn));
return fn;
}
}