我们的java上传文件,需要form同步上传,并且需要设置enctype为multipart/form-data。
如果将form使用ajax异步提交的话,将会报错说enctype不是multipart/form-data类型
但有时候确实又有酱紫的需求,可以实现,需要借助jquery.form.js 插件
插件下载地址为:
http://yun.baidu.com/share/link?shareid=1698628055&uk=2836507213
下面贴出关键性代码
jsp代码为:
<form id= "uploadForm">
<p >指定文件名: <input type="text" name="filename" value= ""/></p >
<p >上传文件: <input type="file" name="file"/></p>
<input type="button" value="上传" onclick="doUpload()" />
</form>
<script>
function doUpload(){
var formData = new FormData($( "#uploadForm" )[0]);
$.ajax({
url: '${pageContext.request.contextPath}/UploadHandleServlet' ,
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
alert(returndata);
},
error: function (returndata) {
alert(returndata);
}
});
}
</script>
后台代码不变,和普通form上传代码一样
SimpleDateFormat sdf1 = new SimpleDateFormat("yyyyMMddHHmmss");
String savePath =request.getSession().getServletContext().getRealPath("/WEB-INF/upload");
File file = new File(savePath);
if (!file.exists()) {
file.mkdir();
}
String message ="";
try{
DiskFileItemFactory factory = new DiskFileItemFactory();
factory.setSizeThreshold(1024*100);
factory.setRepository(file);
ServletFileUpload upload = new ServletFileUpload(factory);
upload.setHeaderEncoding("UTF-8");
List<FileItem> list = upload.parseRequest(request);
//正则匹配,过滤路径取文件名
String regExp = ".+\\\\(.+)$";
Pattern p = Pattern.compile(regExp);
String fileName="";
for(FileItem item : list){
if(item.isFormField()){
String name = item.getFieldName();
String value = item.getString("UTF-8");
System.out.println(name + "=" + value);
}else{
String name = item.getName();
name = name.substring(name.lastIndexOf("\\")+1);
fileName = savePath+"/"+ sdf1.format(new Date()) + "_"+name;
item.write(new File(fileName));
}
}
message = "文件上传成功!";
}catch (Exception e) {
message= "文件上传失败!";
e.printStackTrace();
}
亲测有用
本文转自布拉君君 51CTO博客,原文链接:http://blog.51cto.com/5148737/1774543,如需转载请自行联系原作者