js html页面：
<HTML>
<HEAD>
<TITLE>Ext.form.field.File示例</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="js/extjs/ext-all.js"></script>
<script type="text/javascript" src="js/extjs/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
var uploadForm = Ext.create('Ext.form.Panel',{
title:'Ext.form.field.File示例',
bodyStyle:'padding:5 5 5 5',//表单边距
frame : true,
height:100,
width:300,
renderTo :'form',
defaults:{//统一设置表单字段默认属性
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 + '"已经成功上传。');
}
});
}
}
}]
});
});
</script>
</HEAD>
<BODY STYLE="margin: 10px">
<div id='form'></div>
</BODY>
</HTML>
jsp后台代码：
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import="org.apache.commons.fileupload.*"%>
<%@ page import="org.apache.commons.fileupload.FileItem"%>
<%@ page import="java.io.File"%>
<%
DiskFileUpload upload = new DiskFileUpload();
upload.setHeaderEncoding("utf8");
java.util.List 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);//从全路径中提取文件名
}
File newFile = new File("c:/" + fileName);
try {
item.write(newFile);
} catch (Exception e) {
e.printStackTrace();
}
}
String msg = "{success:true,file:'"+fileName+"'}";
response.getWriter().write(msg);
%>
分享到：
相关推荐
Ext4.0 Ext4.0MVC Demo Ext4.0 Ext4.0MVC Demo Ext4.0 Ext4.0MVC Demo Ext4.0 Ext4.0MVC Demo
标题"ext4.0 多文件上传"指的是在ext4.0文件系统中实现的多文件同时上传功能。ext4.0是Linux操作系统中的一个高级文件系统，它在ext3的基础上进行了优化，提高了性能并支持更大的文件系统容量。多文件上传则是指用户...
1. `ext-4.0.0.js` 或 `ext-4.0.0.min.js`：这是核心库文件，包含了Ext 4.0的所有基础组件和功能。 2. `examples` 目录：包含各种示例代码，帮助开发者了解如何使用不同组件和功能。 3. `src` 目录：源代码，供高级...
EXT4.0是一种广泛使用的Linux文件系统，它在性能、稳定性和安全性方面有着显著的提升。EXT4.0.jsb2是与EXT4.0相关的JavaScript库或配置文件，可能是为了提供EXT4文件系统的API模拟或者开发工具的支持。Spket是一款...
【标题】"ext4.0 ext4.0" 指的是EXT文件系统的一个特定版本——EXT4.0，这是Linux操作系统中广泛使用的日志文件系统。EXT4，全称Fourth Extended File System，是EXT3的后继者，旨在提供更高的性能、更大的文件系统...
总之，EXT4.0中文文档是理解、管理和优化EXT4文件系统的关键资源，无论是系统管理员还是开发人员，都能从中获益匪浅。通过深入学习和实践，可以充分利用EXT4的特性，提升Linux系统的性能和可靠性。
Ext4.0-API 是一个专为开发者设计的接口，它主要关注于Linux文件系统的扩展，特别是第四代Ext4文件系统。Ext4是Linux系统中广泛使用的日志式文件系统之一，以其高性能、高可靠性以及对大容量存储的支持而著称。在...
2. **复制Ext4.0文件**：将下载的Ext4.0压缩包解压，并将所有文件复制到项目下的WebRoot目录中。注意，Examples目录包含官方提供的示例程序，可帮助理解框架的使用。 3. **配置Tomcat并启动**：确保Tomcat服务器已...
Ext4.0中文版手册是针对Linux操作系统中广泛使用的EXT4文件系统的详尽指南，它为用户和系统管理员提供了深入理解EXT4文件系统特性和功能的窗口。EXT4，全称为Fourth Extended File System，是EXT3的后续版本，旨在...
`deposit.js`很可能是EXT4.0应用中的主要JavaScript文件，负责定义组件、处理数据和创建图表。JS文件通常包含了对EXT4.0 API的调用，用于定义图表的各种配置，如系列、轴、颜色等，并将数据绑定到图表上。另一方面，...
Ext4 是 Ext3 的改进版，修改了 Ext3 中部分重要的数据结构，而不仅仅像 Ext3 对 Ext2 那样，只是增加了一个日志功能而已。Ext4 可以提供更佳的性能和可靠性，还有更为丰富的功能：
EXT4.0项目源码是Linux操作系统中EXT4文件系统的一个重要版本的源代码，它在文件系统的性能、稳定性和可靠性方面进行了优化。EXT4，全称“Fourth Extended File System”，是EXT3的后续，旨在解决EXT3在处理大量小...
Ext4.0中文API是针对Ext JS 4.0框架的中文参考文档，它为开发者提供了详尽的API接口信息，使得在中国地区的开发者能够更好地理解和使用这个强大的JavaScript库。Ext JS是一个用于构建富互联网应用程序（RIA）的前端...
1. **源代码文件**：JavaScript文件，包含Ext4.0的核心库和所有组件的实现。 2. **示例和教程**：用于展示如何使用Ext4.0的HTML和JavaScript文件，是学习和理解库功能的好资源。 3. **CSS样式表**：用于定义组件外观...
【EXT4.0使用指南】 EXT4.0是Ext JS框架的一个重要版本，它提供了丰富的用户界面组件和强大的数据管理功能，广泛应用于Web应用程序的开发。这篇指南将着重于EXT4.0的基础知识，帮助初学者快速入门EXT JS的开发。 1...
EXT4.0中文API是针对Linux操作系统中EXT4文件系统的一种开发者接口，它为程序员提供了与EXT4文件系统交互的详细方法。EXT4是Linux内核中的一个主要文件系统，自2008年发布以来，它已经成为了许多Linux发行版的默认...
ext 4.0.zip
EXT4.0 SDK 正式版是针对EXT4文件系统的软件开发工具包，它为开发者提供了在Linux操作系统中创建、管理以及优化EXT4文件系统所需的工具和库。EXT4（Fourth Extended File System）是Linux内核中广泛使用的日志文件...
**EXT4.0与EXT3.0：Linux文件系统演进的重要里程碑** EXT4（Fourth Extended File System）是Linux操作系统中的第四代扩展文件系统，它在2008年首次被引入内核，并逐渐取代了之前的EXT3成为默认的文件系统。EXT4.0...
在"simpleframework"这个压缩包子文件中，我们可以推测它包含了一个简洁的框架或示例，用于演示如何在Ext JS 4.0中实现上述功能。可能包含的文件有： 1. `app.js`：这是主JavaScript文件，包含了应用的核心配置和...