前台js:

form:

Ext.define("GS.base.BasicImportForm",{
    extend:"Ext.form.Panel",
    alias:"widget.basicImportForm",
    frame:true,
    tbar:[],
    layout:{
        type:'table'
    },
    items:[{
           xtype:'fileuploadfield',
           fieldLabel:'文件信息',
           name:'file',
           labelWidth:60,
           width:350,
           allowbBlank:false,
           msgTarget:'side',
           buttonText:'选择文件'
         }
    ]
});

controller:

"baseModelGrid button[ref=doc_upload]":{
                click:function(){
                 var win =Ext.create('Ext.Window', {
                        height: 250,
                        width: 500,
                        layout: 'fit',
                        closeAction: 'hide',
                        maximizable: true,          //是否可以最大化
  
                     minimizable: true,          //是否可以最小化          
                                                                      
                        resizable: true,  //是否可以改变窗口大小        
                        modal :true,//为真 当显示时,制作窗口模板并且掩饰他背后的一切
                        tbar:[
                              {xtype:"button",text:"上传",ref:"docupload",iconCls:"up",
                                  listeners:{
                                    'click':function(bt,e,eOpts){
                                        var basicImportForm = bt.up("window").down("basicImportForm");
                                        var formObj = basicImportForm.getForm();
                                        var file=formObj.findField("file");
                                        var str = file.getValue();
                                        var filename=str;
                                        str = str.substr(str.indexOf('.'),str.length - 1);
                                        if("" == str || str==".exe") {
                                            Ext.MessageBox.alert("提示","文件不能为空或者以.exe结尾!");
                                            return;
                                        };
                                        if(!Ext.isEmpty(file.getValue())){
                                            Ext.MessageBox.buttonText = {
                                                      ok     : "确定",
                                                      cancel : "取消",
                                                      yes    : "是",
                                                      no     : "否"
                                            };
                                            Ext.MessageBox.confirm("系统提示","确定是否上传?",function(btn,txt){
                                                if(btn == "yes"){
                                                    basicImportForm.submit({
                                                        url:'loadAction!upload.action',
                                                        params:{fileName:filename},                                    
                                                        waitMsg:'正在上传....',
                                                         success:function(form,action){
                                                            var resObj = action.result;
                                                            if (resObj.success) {
                                                                Ext.Msg.alert("提示","上传成功");
                                                                win.hide();
                                                            }else{
                                                                Ext.Msg.alert("提示","上传失败");
                                                            }
                                                        },
                                                        failure:function(form, action){
                                                            Ext.Msg.alert("提示","上传失败");
                                                        }
                                                    });
                                                }
                                            });
                                        }
                                    }
                                }
                              }
                           ],
                        items: [{  xtype: "basicImportForm"}]
                    }).show();
                }
            }

显示页面:

'-',{xtype:'button',text:'上传',ref:'doc_upload'}

java代码:

public class LoadAction extends BaseAction {
    /**
     * 序列号
     */
    private static final long serialVersionUID = 1L;
    //这个是用来写运行结果的信息的
    private  String msg;
    //来返回信息给前台的因为这里继承了baseaction直接用了towrite没有用到,否则可以通过它进行信息的返回
    private String contentType;
    //这个file是从extjs的form中的对应的xtype=fileupload name=file来的,名字一定要相对应,不然无法获得文件
    private File file;
    //filename是从前台传过来的,也可以通过request得到然后自己拼接
    private String fileName;

public void upload() throws Exception {
        //文件上传保存的位置
        String realPath = "E:\\" + fileName;
        if (file.isFile()) {
            //定义并初始化io流的读写操作
            BufferedInputStream bis = new BufferedInputStream(
                    new FileInputStream(file));
            BufferedOutputStream bos = null;
            try {
                bos = new BufferedOutputStream(new FileOutputStream(realPath));// 为以防万一,写文件的路径尽量写成正双斜杠的
                // 从源文件中取数据,写到目标文件中
                byte[] buff = new byte[8192];
                for (int len = -1; (len = bis.read(buff)) != -1;) {
                    bos.write(buff, 0, len);
                }
                bos.flush();
            } catch (IOException ie) {
                ie.printStackTrace();
                toWrite(jsonBuilder.returnFailureJson("'文件上传失败'"));
            } finally {
                if (bis != null) {
                    try {
                        bis.close();
                    } catch (IOException ie) {
                        ie.printStackTrace();
                    }
                }
                if (bos != null) {
                    try {
                        bos.close();
                    } catch (IOException ie) {
                        ie.printStackTrace();
                    }
                }
            
            }
        }
        toWrite(jsonBuilder.returnSuccessJson("'文件上传成功'"));
                
    }

public String getFileName() {
        return fileName;
    }

public void setFileName(String fileName) {
        this.fileName = fileName;
    }

// since we are using <s:file name="upload" .../> the file name will be
    // obtained through getter/setter of <file-tag-name>FileName
    public String getUploadFileName() {
        return fileName;
    }

public void setUploadFileName(String fileName) {
        this.fileName = fileName;
    }

// since we are using <s:file name="upload" ... /> the content type will be
    // obtained through getter/setter of <file-tag-name>ContentType
    public String getUploadContentType() {
        return contentType;
    }

public void setUploadContentType(String contentType) {
        this.contentType = contentType;
    }

// since we are using <s:file name="upload" ... /> the File itself will be
    // obtained through getter/setter of <file-tag-name>
    public File getUpload() {
        return file;
    }

public void setUpload(File file) {
        this.file = file;
    }

public String getMsg() {
        return msg;
    }

public void setMsg(String msg) {
        this.msg = msg;
    }

public String getContentType() {
        return contentType;
    }

public void setContentType(String contentType) {
        this.contentType = contentType;
    }

public File getFile() {
        return file;
    }

public void setFile(File file) {
        this.file = file;
    }  
       
   
    
}

extjs采用fileupload进行文件上传后台实现的更多相关文章

  1. zt对于C#中的FileUpload解决文件上传大小限制的问题设置

    对于C#中的FileUpload解决文件上传大小限制的问题设置 您可能没意识到,但对于可以使用该技术上载的文件的大小存在限制.默认情况下,使用 FileUpload 控件上载到服务器的文件最大为 4M ...

  2. 使用fileupload实现文件上传

    一. fileupload组件工作原理 先来张图片, 帮助大家理解 fileupload核心API 1. DiskFileItemFactory构造器1) DiskFileItemFactory() ...

  3. SpringMvc 文件上传后台处理

    springMVC后台参数是通过MultipartFile类来转化Request的文件上传,但需要apache下fileupload的jar包做支持. 在springMVC的dispatcher-co ...

  4. zk FileUpload(文件上传)

    <button label="上传 Image" upload="true,maxsize=1073741824"> <attribute n ...

  5. asp.net web常用控件FileUpload(文件上传控件)

    FileUpload控件的主要中能:向指定目录上传文件,该控件包括一个文本框和一个浏览按钮. 常用的属性:FileBytes,FileContent.FileName.HasFile.PostedFi ...

  6. Apache Commons fileUpload实现文件上传之一

      需要两个jar包: commons-fileupload.jar Commons IO的jar包(本文使用commons-io-2.4.jar) 利用Servlet来实现文件上传. package ...

  7. Spring MVC使用commons fileupload实现文件上传功能

    通过Maven建立Spring MVC项目,引入了Spring相关jar依赖. 1.为了使用commons fileupload组件,需要在pom.xml中添加依赖: <properties&g ...

  8. Apache Commons FileUpload 实现文件上传

    Commons FileUpload简介 Apache Commons是一个专注于可重用Java组件开发的 Apache 项目.Apache Commons项目由三个部分组成: 1.Commons P ...

  9. 实用ExtJS教程100例-009:ExtJS Form无刷新文件上传

    文件上传在Web程序开发中必不可少,ExtJS Form中有一个filefield字段,用来选择文件并上传.今天我们来演示一下如何通过filefield实现ExtJS Form无刷新的文件上传. 首先 ...

随机推荐

  1. POJ 3254 Corn Fields (状压dp)

    题目链接:http://poj.org/problem?id=3254 给你n*m的菜地,其中1是可以种菜的,而菜与菜之间不能相邻.问有多少种情况. 状压dp入门题,将可以种菜的状态用一个数的二进制表 ...

  2. C:矩形相交、相包含、相离关系判断

    矩形相交 包含 问题.参考 假定矩形是用一对点表达的(minx, miny) (maxx, maxy),那么两个矩形    rect1{(minx1, miny1)(maxx1, maxy1)}    ...

  3. ?this&函数自身的引用

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. css中的img和input标签

    一般情况下,行内元素设置宽高是无效的,常见的有a标签.img和input也属于行内元素,但他们却可以设置宽高!!!! 查阅了一些资料才明白,原来css的元素还有另外一种分类方法,可替换元素,不可替换元 ...

  5. IP路由协议简析

    RIP 路由信息协议 IGRP 内部网关协议 EIGRP 增强型内部网关路由协议 OSPF 开放最短路径优先   3种动态路由: 距离矢量:RIP/RIPv2  IGRP EIGRP 链路状态:OSP ...

  6. java中string与byte[]的转换

    1.string 转 byte[] byte[] midbytes=isoString.getBytes("UTF8"); //为UTF8编码 byte[] isoret = sr ...

  7. MySQL主从读写分离专题

    主机A:192.168.1.101从机B:192.168.1.102 1.先登录主机 Amysql>GRANT REPLICATION SLAVE ON *.* TO slave_user@19 ...

  8. k近邻法的C++实现:kd树

    1.k近邻算法的思想 给定一个训练集,对于新的输入实例,在训练集中找到与该实例最近的k个实例,这k个实例中的多数属于某个类,就把该输入实例分为这个类. 因为要找到最近的k个实例,所以计算输入实例与训练 ...

  9. C++学习笔记之运算符重载

    一.运算符重载基本知识 在前面的一篇博文 C++学习笔记之模板(1)——从函数重载到函数模板 中,介绍了函数重载的概念,定义及用法,函数重载(也被称之为函数多态)就是使用户能够定义多个名称相同但特征标 ...

  10. 【S4】使用empty()而不是判断size()是否为0

    1.二者的作用是一样的,结果也是等价的.就是判断集合是否为空. 2.二者是等价的,为什么强调使用empty,因为empty效率更高. 3.在STL中,对于一般的集合,empty和size都是常数时间. ...