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();
}
%>