extjs文件上传

EXT学习教程：http://www.cnblogs.com/iamlilinfeng/category/385121.html

 

Ext文件上传：

例子用到的jar：

 
 1.upload.js

/*
 case of upload
 */
Ext.onReady(function(){
	//初始化标签中的Ext:Qtip属性。
	Ext.QuickTips.init();
	Ext.form.Field.prototype.msgTarget = 'side';
	/*
	var imageBox = new Ext.BoxComponent({
		autoEl:{
			//style: 'width:150px;height:150px;margin:0px auto;border:1px solid #ccc; text-align:center;padding-top:20px;margin-bottom:10px',
			style:'width:150px;height:150px;border:1px solid #ccc;text-align:center',
			tag:'div',
			id:'showImage'
		},
		width:333,
		height:277
	});*/
	
	var upload_form = new Ext.form.FormPanel({
		title: '',
		baseCls:'x-plain',
		labelWidth:70,
		labelHeight:150,
		fileUpload:true,
		defaultType : 'textfield', 
		items:[{
			xtype:'textfield',
			fieldLabel:'select file',
			name:'userfile',
			id:'userfile',
			inputType:'file',
			anchor:'95%'
		}]
	});
	
	var win_upload = new Ext.Window({
		title:'Upload :',
		width:444,
		height:140,
		bodyStyle : 'padding:10px 10px 10px 10px;',
		resizable:true,
		modal:true,
		closable:true,
		maximizable:true,
		minimizable:true,
		buttonAlign:'right',
		items:[upload_form],
		buttons:[{
			text:'reset',
			handler:function(){
				upload_form.getForm().reset();
			}
		},{
			text:'upload',
			handler:function(){
				if(upload_form.getForm().isValid()){
					if(Ext.getCmp('userfile').getValue() == ''){
						Ext.Msg.alert('Warm :','please choose file!');
						return;
					}
					/*
					Ext.Msg.show({
						title:'waiting:',
						waitMsg:'uploading...',
						progressText:'',
						width:300,
						progress : true,  
           				closable : false,  
           				animEl : 'loding' 
					});*/
					upload_form.getForm().submit({
						method:'POST',
						url:'uploadServlet',
						waitMsg:'uploading...',
						success:function(upload_form,action){
							//var path = Ext.getCmp('userfile').getValue();
							//document.getElementById('showImage').innerHTML = '<img src="'+path+'" />';
							Ext.Msg.alert('success:','upload success!');
							//win_upload.hide();
						},
						failure:function(upload_form,action){
							Ext.Msg.alert('failure:','upload failure!');
						}
					});
				}
			}
		}]
	});
	win_upload.show();
});

 2.uploadServlet.java

package servlet;

import java.io.File;
import java.io.IOException;
import java.util.List;

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

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.json.JSONObject;

/**
 * Servlet implementation class uploadServlet
 */
public class uploadServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public uploadServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		response.setContentType("text/html");
		response.setCharacterEncoding("UTF-8");
		try {
			FileItemFactory factory = new DiskFileItemFactory();
			ServletFileUpload fileUpload = new ServletFileUpload(factory);
			fileUpload.setHeaderEncoding("UTF-8");// 解决中文名乱码
			List<FileItem> fileItems = fileUpload.parseRequest(request);
			for(FileItem item:fileItems){//忽略其他表单信息
				if (!item.isFormField()) {
					String name = "";
					String BrowserType = request.getHeader("User-Agent").toLowerCase().toString();
					//浏览器判断
					if (BrowserType.indexOf("firefox")>0 ||BrowserType.indexOf("chrome")>0) {
						name = item.getName();
					}else{
						name = item.getName();
						String [] names =  name.split("\\\\");//  (IE浏览器绝对路径，split获取文件名及后缀) regex为\\\\，因为在java中\\表示一个\，而regex中\\也表示\，所以当\\\\解析成regex的时候为\\。 
						name = names[names.length-1];
					}
					File uploadFile = new File("E:\\",name);
					item.write(uploadFile);
				}
			}
			//
			JSONObject obj = new JSONObject();
			obj.put("success","true"); 
			response.getWriter().print(obj.toString());
			
			
		} catch (Exception e) {
			e.printStackTrace();
			// TODO: handle exception
		}
		
	}

}