文件上传字段Ext.form.field.File(扩展Text)
2016-02-02 00:00
686 查看
摘要: 文件上传字段Ext.form.field.File(扩展Text)
![](http://static.oschina.net/uploads/space/2016/0202/133958_ccLU_1773772.png)
1.HTML文件 2.JS文件 3. JSP文件
![](http://static.oschina.net/uploads/space/2016/0202/133958_ccLU_1773772.png)
<div id="uploadForm" class="w_320"> <h2>文件上传字段</h2> </div>
Ext.onReady(function(){ //Ext表单 //Ext.form.Basic 基本表单组件二(拾取器字段Picker) //开发中使用表单面板组件Ext.form.Panel,它本质是一个标准的(面板)Ext.panel.Panel,它内置并自动创建了Ext.form.Basic基本表单组件 //与原始表单主要3点不同(1.提交方式 2.表单验证 3.表单组件) //1.提交方式(同步---异步) //2.表单验证(需要手动验证----配置即可使用) //3.表单组件(基本的组件------扩展的功能强大的组件) //Picker抽象类,具有唯一的触发按钮用于在字段下方动态弹出面板 //拾取器组件如:(1.ComboBox,2.Date,3.Time) //初始化信息提示功能 Ext.QuickTips.init(); //文件上传字段Ext.form.field.File(扩展Text) var uploadForm = Ext.create("Ext.form.Panel",{ title : 'Ext.form.field.File示例', width : 300, height : 100, renderTo : 'uploadForm', farme : true, bodyStyle : 'padding:5px', defaults : {//统一设置字段属性 width : 150, labelWidth : 50, labelSeparator : ': ', labelAlign : 'left', allowBlank : false,//不允许为空 msgTarget : 'side'//在字段的右边显示提示信息 }, items : [{ name : 'myPhoto', fieldLabel : '照片', xtype : 'filefield', anchor : '100%', buttonText : '选择照片...' }], buttons : [{ text : '上传文件', handler : uploadMyFile }] }); //上传文件回调函数 function uploadMyFile(){ var form = uploadForm.getForm(); if(form.isValid()){ form.submit({ url : '../upload.jsp', waitMsg : '正在上传照片文件请稍后...', success : function(fp,o){ console.info(o); if(o.result.success){ Ext.Msg.alert('提示信息','你的照片文件"'+o.result.file+'"已经上传成功'); }else { Ext.Msg.alert('上传失败!'); } } }); } } });
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ page import="org.apache.commons.fileupload.*" %> <%@ page import="org.apache.commons.fileupload.FileItem" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <% DiskFileUpload upload = new DiskFileUpload(); upload.setHeaderEncoding("utf8"); List items = upload.parseRequest(request); 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); } } String msg = "{success:true,file:'"+fileName+"'}"; response.getWriter().write(msg); %>
1.HTML文件 2.JS文件 3. JSP文件
相关文章推荐
- mysql关联多表进行update更新操作
- 学习和在生产环节使用d语言的三个条件
- linux下的插件
- scrapy高级用法之自动分页
- 清除某一个目录的所有文件
- 在 JS 中使用 fetch 更加高效地进行网络请求
- cf#341-E. Wet Shark and Blocks --DP+矩阵快速幂
- 中级JavaScript例子, 如何实现一个简单实用的模板套用机制, GXTemplate , 第2章(估计要写9章)
- ansible条件使用--实践
- Codeforces Round #341 (Div. 2)--C. Wet Shark and Flowers
- hdu1005(大数计算可能有规律)
- 1042. 字符统计(20)
- 1043. 输出PATest(20)
- C# 类的继承
- 创业的第一百一十六天
- ansible条件使用--实践
- C++9
- Log4net日志库使用Demo
- 三、搭建交叉编译平台
- 设计模式之工厂方法