cos与EXT调用AJAX提交上传文件

FileUpServlet==============业务类编写

import java.io.IOException;
import java.io.PrintWriter;

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 FileUpServlet extends HttpServlet {

 /**
  * Constructor of the object.
  */
 public FileUpServlet() {
  super();
 }

 /**
  * Destruction of the servlet. <br>
  */
 public void destroy() {
  super.destroy(); // Just puts "destroy" string in log
  // Put your code here
 }

 /**
  * The doGet method of the servlet. <br>
  *
  * This method is called when a form has its tag value method equals to get.
  *
  * @param request the request send by the client to the server
  * @param response the response send by the server to the client
  * @throws ServletException if an error occurred
  * @throws IOException if an error occurred
  */
 public void doGet(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {

 doPost(request, response);
 }

 /**
  * The doPost method of the servlet. <br>
  *
  * This method is called when a form has its tag value method equals to post.
  *
  * @param request the request send by the client to the server
  * @param response the response send by the server to the client
  * @throws ServletException if an error occurred
  * @throws IOException if an error occurred
  */
 public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {

  MultipartRequest multi = new MultipartRequest(
    request,
    "c:\\", //文件上传后保存的位置
    10 * 1024 * 1024, //允许的最大文件大小
    "utf-8" //编码
    );
    System.out.println("文件名:" + multi.getFilesystemName("f"));
    System.out.println("文件描述:" + multi.getParameter("desc"));
 }

 /**
  * Initialization of the servlet. <br>
  *
  * @throws ServletException if an error occure
  */
 public void init() throws ServletException {
  // Put your code here
 }

}

============web.xml配置=======

  <servlet>
    <description>This is the description of my J2EE component</description>
    <display-name>This is the display name of my J2EE component</display-name>
    <servlet-name>FileUpServlet</servlet-name>
    <servlet-class>FileUpServlet</servlet-class>
  </servlet>

 

  <servlet-mapping>
    <servlet-name>FileUpServlet</servlet-name>
    <url-pattern>/FileUpServlet</url-pattern>
  </servlet-mapping>

========提交JSP上传页面与EXT=====

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test1.html</title>
    <base href="<%=basePath%>">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
   
    <link rel="stylesheet" type="text/css"
href="lib/extjs/resources/css/ext-all.css" />


<script src="lib/extjs/adapter/ext/ext-base.js"></script>

<script src="lib/extjs/ext-all.js"></script>
<script src="lib/extjs/build/locale/ext-lang-zh_CN-min.js"></script>


<style>
.milton-icon { background: url(./images/test.png) no-repeat; }
</style>
</head>
 
  <body>
 

<script>


Ext.onReady(function(){
Ext.get("btn").on("click", function(){
Ext.Ajax.request({
url: "./FileUpServlet",
isUpload: true,
form: "upform",
success: function(response, config){
Ext.MessageBox.alert("fileup", "文件上传成功");
}
});
});
});


</script>   

<form id="upform">
请选择文件:<br><input type="file" name="f"><br>
文件描述:<br><textarea rows="5" cols="70" name="desc"></textarea><br>

<input type="button" id="btn" value="上传">

 

</form>


  </body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值