Extjs中用dwr实现文件上传时，fileuploadfield不能正常显示的问题

最新推荐文章于 2018-12-27 16:03:08 发布
最新推荐文章于 2018-12-27 16:03:08 发布
阅读量1.2k 收藏
点赞数
分类专栏： ExtJs 文章标签： extjs fileuploadfield dwr 文件上传
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/afei3418/article/details/46972607
版权

当使用DWR调用Extjs的fileuploadfield 来做文件上传时，不能实现上传操作，需要修改dwr对应jar包中的engine.js文件

将1808行 var clone =value.cloneNode(true);

1812行  value.parentNode.insertBefore(clone,value); 注释掉



通过  var file = dwr.util.getValue("uploadFile");  获取fileuploadfield 对应的值

afei3418
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
extJs显示图片问题
a8064390的博客
03-15 1776
困扰几天的图片显示问题今天解决了，中间走过了许多坑，下面一点点说： 需求：一个简单的意见反馈功能，要求有图片展示，一条记录可最多上传5张图片，前端用的是安卓，后端提供service，并展示在页面。 分析： 1、与安卓前端交互的是一个service的war包，请求通过封装，只能使用json格式传数据； 2、页面展示的是在另外一个web的war包上，有一点好处是两个war包...
利用jsp+Extjs实现动态显示文件上传进度
10-26
在本例中，这两个技术结合在一起，用于实现文件上传和进度更新的交互。 **需求背景**： 用户上传一个大Excel文件，服务器需要解析文件并逐条将其插入数据库。由于此过程可能耗时较长，因此在用户点击上传按钮后，...
extjs+dwr3.0实现文件上传
01-17
手把手教你实现EXTJS+DWR实现图片上传功能
我用ext的FileUploadField是FileUploadField显示不出来不知道什么问题
痕痕
06-07 382
My JSP 'index.jsp' starting page Ext.onReady(function(){ Ext.BLANK_IMAGE_URL="/Ext-FileUpload/ext/locale/s.gif"...
Extjs的FileUploadField文件上传出现了两个上传按钮
10-26
ExtJS的FileUploadField是用于实现文件上传功能的一个组件，它是ExtJS库中的一种扩展插件，位于examples/ux文件夹下。FileUploadField通常与表单（FormPanel）一起使用，允许用户选择本地文件并将其上传到服务器。...
使用Extjs 加DWR3 实现文件上传
08-22
如果您尝试用Extjs的fileuploadfield 调用dwr3的文件上传功能，您会发现，第一次可以调用，但第二次就会出错(不刷新页面的情况下)，什么原因，如何解决呢，本文会告诉您
《ExtJs》 文件上传fileuploadfield、fireEvent('click')不触发文件选择器
wyj823508的博客
12-27 1548
需求介绍： 因开发需要上传文件前判断是否允许（业务需求）上传，因此需要做判断，本来可以在fileuploadfield的click事件中写业务逻辑判断，但是发现判断成功与否，都会打开文件选择器对话框（小编寻思良久，未能解决），因此觉得通过点击Button 然后判断业务逻辑，成功后去触发fileuploadfield的click事件，但是又发现网上给出的this.fireEvent('click'...
FileUploadField.js
11-28
extjs 实现文件上传时必需的js文件，FileUploadField.js
extjs3 上传文件
最新发布
01-19
在extjs3中上传文件需要引入两个扩展文件：FileUploadField.js和fileuploadfield.css。这两个文件可以在extjs3包中的examples/form目录下找到。 以下是一个示例代码，演示了如何在extjs3中上传文件： ```javascript // 引入扩展文件 <script type='text/javascript' src='<%=request.getContextPath()%>/ext/extjs/ux/FileUploadField.js'></script> <link rel="stylesheet" type="text/css" href='<%=request.getContextPath()%>/ext/extjs/ux/css/fileuploadfield.css'/> // 创建一个表单面板 var formPanel = new Ext.FormPanel({ renderTo: 'form-container', // 表单渲染的容器 fileUpload: true, // 开启文件上传功能 items: [{ xtype: 'fileuploadfield', // 使用文件上传字段 fieldLabel: '选择文件', name: 'file', // 文件字段的名称 buttonText: '浏览', // 选择文件按钮的文本 allowBlank: false // 是否允许为空 }], buttons: [{ text: '上传', handler: function() { if (formPanel.getForm().isValid()) { formPanel.getForm().submit({ url: 'upload.php', // 上传文件的后端处理脚本 waitMsg: '正在上传文件...', success: function(form, action) { Ext.Msg.alert('成功', '文件上传成功！'); }, failure: function(form, action) { Ext.Msg.alert('失败', '文件上传失败！'); } }); } } }] }); ``` 请注意，上述示例中的`upload.php`是一个后端处理脚本，用于接收并处理上传的文件。你需要根据自己的需求来编写这个脚本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值