新文件上传

来源：互联网发布：最强密码破解软件编辑：程序博客网时间：2024/06/04 01:05

以下代码采用MultipartRequest 类方式进行文件上传，前台页面采用Ajax ，相比于传统文件上传，简单至极。

Servlet 代码：

package com.atguigu.javaweb;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.oreilly.servlet.MultipartRequest;

public class FileUploadServlet extends HttpServlet {

/**
*
*/
private static final long serialVersionUID = 1L;

@Override
protected void service(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {

MultipartRequest muti = new MultipartRequest(req, "d:\\", 1024*1024*10, "utf-8");

System.out.println("文件名："+muti.getFilesystemName("f"));
System.out.println("文件描述："+muti.getParameter("desc"));
}

}

JSP代码

<%@ 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>
</head>
<link rel="stylesheet" href="extjs/resource/css/ext-all.css"></link>
<script type="text/javascript" src="extjs/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>

<script type="text/javascript">

//测试ajax 请求
Ext.onReady(function(){
Ext.get("btn").on("click",function(){

Ext.Ajax.request({

url:"fUploadServlet",
isUpload:true,
form:"fupform",
success:function(response,config){
Ext.MessageBox.alert("结果", "文件上传成功");
}
});
});
});

</script>

<body>
<form id="fupform">
请选择文件：<input type="file" name="f"/><br>
文件描述：<textarea rows="5" cols="70" name="desc"></textarea><br>
<input type="button" id="btn" value="提交"/>
</form>
</body>
</html>

0 0