Ext.form.field.File示例

Ext.onReady(function(){
			Ext.QuickTips.init();
			var uploadForm = Ext.create('Ext.form.Panel', {
				title: 'Ext.form.field.File示例',
				bodyStyle: 'padding:5 5 5 5',//表单边距
				width: 300,
				frame: true,
				renderTo: 'form',
				fieldDefaults: { //统一设置表单字段默认属性
					labelSeparator: ':', //分隔符
					labelWidth: 50, //标签宽度
					width: 150, //字段宽度
					allowBlank: false,//是否允许为空
					labelAlign: 'left',//标签对齐方式
					msgTarget: 'side'
				},
				items: [{
					xtype: 'filefield',
					name: 'photo',
					fieldLabel: '照片',
					anchor: '100%',
					buttonText: '选择照片...'
				}],
				buttons: [{
					text: '上传文件',
					handler: function(){
						var form = uploadForm.getForm();
						if(form.isValid){
							form.submit({
								url: 'uploadServer.jsp',
								waitMsg: '正在上传照片文件请稍后...',
								success: function(fp, o){
									Ext.Msg.alert('提示信息', '您的照片文件 "' + o.result.file + '"已经成功上传。');
								}
							});
						}
					}
				}]
			});
		});

<%@ page language="java" import="java.util.*, org.apache.commons.fileupload.*, org.apache.commons.fileupload.FileItem" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
	<%
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		DiskFileUpload upload = new DiskFileUpload();
		upload.setHeaderEncoding("utf-8");
		java.util.List items;
		try {
			items = upload.parseRequest(request);
			java.util.ListIterator listIterator = items.listIterator();
			String fileName = "";
			while(listIterator.hasNext()){
				FileItem item = (FileItem)listIterator.next();
				if(!item.isFormField()){
					fileName = item.getName();
					fileName = fileName.substring(fileName.lastIndexOf("\\") + 1);//从权路径中提取文件名
					System.out.println(fileName);
				}
			}
			String msg = "{success: true, file: '" + fileName + "'}";
			
			response.getWriter().write(msg);
		} catch (FileUploadException e) {
			e.printStackTrace();
		}
	 %>


你可能感兴趣的:(Ext.form.field.File示例)