`
czpae86
  • 浏览: 720080 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

多文件上传UploadPanel for extjs4(swfuoload2.5)

多文件上传uploadPanelswfuoload2.5 
阅读更多

UploadPanel for extjs4 使用的是SWFUpload-2.5实现多文件上传。

 

支持extjs3版本的uploadPanel请在我的博客文章(类别：EXTJS)里面找。

 

一，注意：

1，服务端上传成功返回:

 

{success:true}

 

 

2，服务端上传失败返回：

 

{success:false}

 

3，使用方法：

Ext.create('Ext.ux.uploadPanel.UploadPanel',{
	title : 'UploadPanel for extjs 4.0',
	addFileBtnText : '选择文件...',
	uploadBtnText : '上传',
	removeBtnText : '移除所有',
	cancelBtnText : '取消上传',
	file_size_limit : 10000,//MB
	upload_url : 'upload.do'
});
 

 

4，截图：

 




 

 

  • 大小: 17.8 KB
  • 大小: 15.3 KB
  • 大小: 28 KB
分享到：
| Sencha Touch2 MVC Demo (含源码/数据库)
评论
42 楼 jintt123 2016-11-02  
你好！我后台用的是C#，为什么一直上传失败，好像是后台取不到参数，改来改去还是上传失败，求解
//后台接收参数 Filedata
file_post_name: "Filedata",
就是这个参数
41 楼 ahang 2016-08-15  
楼主,可以给一份源码吗?   845696410@qq.com
40 楼 yjbwind2006 2016-06-06  
capaa52007 写道
LZ你好！
我用的是Ext4.2
既然被称作组件或者插件级别，又不是几段“代码”，为何没有使用说明，本人新手，研究4天了，找到了一个有注释的3.x版本的(也是不负责任的技术博客)，照猫画虎的改了这个4.x“组件”，但是操作一直报错。
起码后台要有吧。给点使用条件什么的。

39 楼 yajian_he 2016-03-29  
你好，我使用之后发现选择文件按钮点击无效，需要点击这个按钮右边边缘才能进入文件选择，能帮我解答下吗？
38 楼 c_huabo 2016-01-28  
你好,楼主,为什么在IE下选择文件要点击第二次才能弹出选择框
37 楼 田涛头 2015-11-27  
[color=darkred][/color]   
36 楼 derlin_chen 2015-09-10  
选择文件大小超过允许上传文件大小时，没有提示，怎么解决
35 楼 derlin_chen 2015-09-09  
不放到服务上，直接点击页面后点击上传文件能有反应吗，看了几个都没反应
34 楼 xinjie2009 2015-04-29  
仰望yi苍穹 写道
为什么我的弄完了之后点击选择文件都没有反应呢？

你打开控制台看看是不是有什么错误。另外可以使用我修改后的组件试试：
http://xinjie2009.iteye.com/admin/blogs/2207007
33 楼 仰望yi苍穹 2015-03-31  
为什么我的弄完了之后点击选择文件都没有反应呢？
32 楼 xinjie2009 2015-03-21  
file_post_name: 'file'
这样我的struts后台的接收参数就是
File file;
String fileFileName;
String fileContentType;
31 楼 xinjie2009 2015-03-21  
另外upload_start_handler方法中调用了setFilePostName方法，这样导致后台的接收参数会动态变化（根据上传文件的名字）。所以这个方法最好去掉，我的这个方法如下：
var me = this.settings.custom_settings.scope_handler;
me.down('#cancelBtn').setDisabled(false);
然后在getSWFConfig的return中增加如下配置：
30 楼 xinjie2009 2015-03-21  
关闭时报错的原因应该是onRemove方法刚好和extjs默认销毁调用的方法重名导致。解决方案就是修改该方法的名字，例如onRemoveAll.另外重写beforeDestroy方法，将store置空：
beforeDestroy: function() {
        var me = this;
       me.store.removeAll();
        Ext.destroy(
            me.placeholder,
            me.ghostPanel
        );
        me.callParent();
    }
这样就能正常关闭和打开了。
29 楼 capaa52007 2015-01-31  
LZ你好！
我用的是Ext4.2
既然被称作组件或者插件级别，又不是几段“代码”，为何没有使用说明，本人新手，研究4天了，找到了一个有注释的3.x版本的(也是不负责任的技术博客)，照猫画虎的改了这个4.x“组件”，但是操作一直报错。
起码后台要有吧。给点使用条件什么的。
28 楼 zlo309618100 2014-12-30  
1642483368 写道
1642483368 写道
貌似问题好多啊，也查不出来是什么问题。

经过抓狂的测试发现不是代码的问题，而是我们个人的问题，下载下来首先要注意两件事：1、路径问题 2、返回问题,返回方式为： JSONObject jsonObj = new JSONObject();
        jsonObj.put("success", true);
        response.getWriter().write(jsonObj.toString());

你好，我返回的是 {"success":true}  
这是json对象，在js里面也测试了可以，为什么还会提示上传失败呢？
27 楼 zlo309618100 2014-12-30  
请问怎么引入swfupload.js文件呢？
26 楼 bigtreeforshadow 2014-11-28  
点击上传按钮，session,cookie 都取不到
25 楼 sy1662001 2014-11-05  
[WARN ] 2014-11-05 17:15:46 :Error setting expression '360ExtLoader.exeFileName' with value '[Ljava.lang.String;@11e3a5a'
   ognl.ExpressionSyntaxException: Malformed OGNL expression: 360ExtLoader.exeFileName [ognl.ParseException: Encountered " <IDENT> "ExtLoader "" at line 1, column 4.
Was expecting one of:
    <EOF>
    "," ...
    "=" ...
    "?" ...
    "||" ...
    "or" ...
    "&&" ...
    "and" ...
    "|" ...
    "bor" ...
    "^" ...
    "xor" ...
    "&" ...
    "band" ...
    "==" ...
    "eq" ...
    "!=" ...
    "neq" ...
    "<" ...
    "lt" ...
    ">" ...
    "gt" ...
    "<=" ...
    "lte" ...
    ">=" ...
    "gte" ...
    "in" ...
    "not" ...
    "<<" ...
    "shl" ...
    ">>" ...
    "shr" ...
    ">>>" ...
    "ushr" ...
    "+" ...
    "-" ...
    "*" ...
    "/" ...
    "%" ...
    "instanceof" ...
    "." ...
    "(" ...
    "[" ...
    <DYNAMIC_SUBSCRIPT> ...
    ]
at ognl.Ognl.parseExpression(Ognl.java:112)
at com.opensymphony.xwork2.ognl.OgnlUtil.compile(OgnlUtil.java:214)
at com.opensymphony.xwork2.ognl.OgnlUtil.setValue(OgnlUtil.java:198)
at com.opensymphony.xwork2.ognl.OgnlValueStack.setValue(OgnlValueStack.java:161)
at com.opensymphony.xwork2.ognl.OgnlValueStack.setValue(OgnlValueStack.java:149)
at com.opensymphony.xwork2.interceptor.ParametersInterceptor.setParameters(ParametersInterceptor.java:276)
at com.opensymphony.xwork2.interceptor.ParametersInterceptor.doIntercept(ParametersInterceptor.java:187)
at com.opensymphony.xwork2.interceptor.MethodFilterInterceptor.intercept(MethodFilterInterceptor.java:87)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.ParametersInterceptor.doIntercept(ParametersInterceptor.java:195)
at com.opensymphony.xwork2.interceptor.MethodFilterInterceptor.intercept(MethodFilterInterceptor.java:87)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.StaticParametersInterceptor.intercept(StaticParametersInterceptor.java:179)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at org.apache.struts2.interceptor.MultiselectInterceptor.intercept(MultiselectInterceptor.java:75)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at org.apache.struts2.interceptor.CheckboxInterceptor.intercept(CheckboxInterceptor.java:94)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at org.apache.struts2.interceptor.FileUploadInterceptor.intercept(FileUploadInterceptor.java:306)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.ModelDrivenInterceptor.intercept(ModelDrivenInterceptor.java:89)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.ScopedModelDrivenInterceptor.intercept(ScopedModelDrivenInterceptor.java:130)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at org.apache.struts2.interceptor.debugging.DebuggingInterceptor.intercept(DebuggingInterceptor.java:267)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.ChainingInterceptor.intercept(ChainingInterceptor.java:126)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.PrepareInterceptor.doIntercept(PrepareInterceptor.java:138)
at com.opensymphony.xwork2.interceptor.MethodFilterInterceptor.intercept(MethodFilterInterceptor.java:87)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.I18nInterceptor.intercept(I18nInterceptor.java:165)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at org.apache.struts2.interceptor.ServletConfigInterceptor.intercept(ServletConfigInterceptor.java:164)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.AliasInterceptor.intercept(AliasInterceptor.java:179)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at com.opensymphony.xwork2.interceptor.ExceptionMappingInterceptor.intercept(ExceptionMappingInterceptor.java:176)
at com.opensymphony.xwork2.DefaultActionInvocation.invoke(DefaultActionInvocation.java:237)
at org.apache.struts2.impl.StrutsActionProxy.execute(StrutsActionProxy.java:52)
at org.apache.struts2.dispatcher.Dispatcher.serviceAction(Dispatcher.java:488)
at org.apache.struts2.dispatcher.ng.ExecuteOperations.executeAction(ExecuteOperations.java:77)
at org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter.doFilter(StrutsPrepareAndExecuteFilter.java:91)
at cn.tcl.platform.filter.MyStrutsFilter.doFilter(MyStrutsFilter.java:34)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:235)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:233)
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:175)
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:128)
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102)
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109)
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:263)
at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:844)
at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:584)
at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:447)
at java.lang.Thread.run(Thread.java:619)
Caused by: ognl.ParseException: Encountered " <IDENT> "ExtLoader "" at line 1, column 4.
Was expecting one of:
24 楼 小伟小伟 2014-09-10  
struts2 后台 如何回去参数啊
23 楼 1642483368 2014-08-21  
1642483368 写道
貌似问题好多啊，也查不出来是什么问题。

经过抓狂的测试发现不是代码的问题，而是我们个人的问题，下载下来首先要注意两件事：1、路径问题 2、返回问题,返回方式为： JSONObject jsonObj = new JSONObject();
        jsonObj.put("success", true);
        response.getWriter().write(jsonObj.toString());
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    ### ExtJS 多文件上传 UploadDialog For ExtJS3.x #### 概述 在Web开发领域，特别是使用ExtJS框架进行界面设计时，文件上传功能是必不可少的一部分。然而，随着ExtJS版本的更新，原有的多文件上传组件可能不再兼容...

    ExtJS4多文件上传，带进度条及管理

    本文将详细解析"ExtJS4多文件上传，带进度条及管理"这一主题，涵盖其核心概念、实现方式以及相关技术。 **一、ExtJS4概述** ExtJS4是Sencha公司推出的一个前端框架，它提供了丰富的组件库和强大的数据绑定机制，...

    ExtJS实现多文件上传UploadDialog For ExtJS3.x

    在本文中，我们将深入探讨如何使用ExtJS 3.x实现多文件上传功能，结合Struts2框架进行数据处理。首先，我们需要确保环境配置正确。在描述中提到，我们需要将一系列Struts2相关的库文件复制到项目的`WebContent\lib`...

    extjs 4.2 多文件上传

    用Ext编写的多文件上传组件，已封装。 支持多文件上传，文件下载，文件删除，

    EXTJS 多文件上传

    总的来说，EXTJS的`MultiFileUploadField` 是一个强大且灵活的多文件上传解决方案，它结合了现代Web技术，提供了优秀的用户体验和丰富的开发者接口。通过合理利用这个组件，开发者可以快速构建出功能完善的文件上传...

    ExtJS原生多文件拖动上传组件

    ExtJS原生多文件拖动上传组件 使用时修改包路径 1.多文件上传 2.支持拖动上传 3.支持图片压缩 4.支持图片合并 5.文件排序 可扩展实时图片预览 api //初始化画板 initCanvas //上传文件窗口 uploadWindow //初始化...

    Extjs4 swfupload 多文件上传

    在本文中，我们将深入探讨如何在ExtJS4框架中整合SWFUpload库，实现多文件上传功能。ExtJS4是一个强大的JavaScript组件库，用于构建富客户端应用，而SWFUpload则是一个流行的选择，用于在浏览器中实现文件上传，特别...

    ExtJS4 上传文件类型和大小的判断方法（实例）

    对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法（实例） 》：http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。

    extjs 多文件上传

    在ExtJS中实现多文件上传功能，能够极大地提升用户体验，特别是在处理大量数据或文件时。本篇文章将详细探讨如何使用ExtJS实现多文件上传，并涵盖相关的关键知识点。 一、ExtJS 文件上传组件 在ExtJS中，我们可以...

    Extjs4 swfupload多文件上传

    总的来说，"Extjs4 swfupload多文件上传"是一个结合了ExtJS4组件化开发能力和SwfUpload高级上传功能的解决方案。它提供了一个高效、可控的多文件上传体验，同时也考虑到了服务器安全和性能优化。对于需要开发复杂Web...

    Extjs多文件上传

    在“Extjs多文件上传”这个主题中，我们将深入探讨如何使用ExtJS实现一个支持自由添加和减少上传文件个数的多文件上传功能。 首先，ExtJS的文件上传功能通常依赖于其组件系统，特别是`Ext.form.FileField`（也称为`...

    EXTJS3.0多文件上传组件

    UploadPanel.js会封装SWFUpload的功能，并与EXTJS的组件系统集成，提供了一种声明式的配置方式，使得开发者可以轻松地在EXTJS应用中嵌入多文件上传功能。 在`UploadPanel.js`中，开发者可以通过设置各种配置项来...

    extjs5.1多文件上传控件

    标题中的“ExtJS5.1多文件上传控件”指的是在Web应用中使用ExtJS框架的一个功能组件，它允许用户一次选择并上传多个文件。ExtJS是一个强大的JavaScript库，专门用于构建富客户端的桌面级Web应用程序。在版本5.1中，...

    extjs多文件上传

    本文将深入探讨“extjs多文件上传”这一主题，结合标签“源码”和“工具”，我们将主要关注如何使用ExtJS库实现这一功能，并可能涉及第三方上传工具Plupload。 首先，ExtJS是一个基于JavaScript的UI框架，它提供了...

    Extjs4后台框架、多文件上传

    在“Extjs4后台框架、多文件上传”项目中，我们可能看到的是一个实现后台与前端交互，特别是支持批量文件上传的解决方案。 在描述中提到的“完美支持extjs4”，意味着该压缩包包含的所有资源和代码都是为ExtJS4版本...

    ExtJS验证上传文件类型

    ExtJS 验证上传文件类型 ExtJS 中实现文件上传功能是非常方便的，但对于新手来说，控制文件上传类型是一个难题。例如，我们只想让用户上传特定的文件类型，例如txt文件，那么如何实现当用户上传非txt文件时，给出...

    Extjs4文件上传，后台struts2

    在本文中，我们将深入探讨如何使用ExtJS 4与Struts2框架实现文件上传功能。ExtJS是一个强大的JavaScript库，提供了丰富的用户界面组件，而Struts2是Java Web开发中的一个MVC框架，用于处理后端业务逻辑。下面，我们...

    extjs4 文件上传

    3. **多文件上传**：EXTJS 4.0支持HTML5的多文件选择功能，用户可以通过设置`allowMultiple`属性为`true`，在文件选择对话框中一次性选择多个文件进行上传。 4. **上传事件**：文件上传组件触发一系列事件，如`...

Magicbox
Global site tag (gtag.js) - Google Analytics