0 0

Ext实现上传文件的预览5

//模板文件
templateFile = Ext.extend(Ext.form.TextField,{
        name         :  'templateFile',
        width        :  170,
        allowBlank   :	true,
        emptyText 	 :	'请选择模板文件',
        inputType	 :	'file',
        listeners	 :	{
        	'render':function() {
	        		Ext.get("templateFile").on("change", function(){
	        			alert(Ext.get("templateFile").getValue());
	        			Ext.get("templateFile").sideText = '<input type="button" value ="预览" id="showFileBtn"/>';
						document.getElementById("showFileBtn").onclick=function show(){_showTemplateFile("")};
	        		});
        	}
        }
});
Ext.reg('case-temp-TEMPLATEFILE',templateFile);

预览按钮无法显示,而且提示document.getElementById为空或不是对象。
什么问题???
EXT 
2013年10月09日 10:03
目前还没有答案

相关推荐

    ext图片上传前预览小demo

    在EXT中,处理图片上传并实现预览功能是一项常见的需求,尤其在用户交互丰富的应用中,允许用户在正式上传前预览图片,可以提供更好的用户体验。 在EXT中,图片预览通常涉及到以下几个关键知识点: 1. **File ...

    Ext相册实现文件拖拽,实时上传进度,本地预览

    本教程将详细讲解如何利用EXT4、HTML5以及Servlet或Struts2技术栈来实现一个功能强大的相册系统,其中包括文件拖拽上传、实时上传进度显示以及本地预览功能。 **EXT4组件库** EXT4是一个JavaScript框架,用于构建富...

    EXT文件批量上传源代码

    8. **文件预览**:对于支持的文件类型,EXT还可以提供文件预览功能,让用户在上传前检查所选文件。 9. **权限控制**:可以设定上传文件的大小限制、类型限制,以满足安全性和业务需求。 10. **分块上传**:对于大...

    Ext相册实现文件拖拽,实时上传进度,本地预览(2012-05-14版)

    增加了通过资源管理器选择文件功能 修复上传进度显示BUG 增加相片右键菜单 上传更改为上传全部项和上传选中项 增加图片浏览器功能 图片浏览器支持拖动、双击最大化/还原、更改尺寸 图片浏览器支持对数据源里面的图片...

    ext上传组件,可以多文件上传

    2. **文件选择和预览**:利用EXT上传组件,用户可以一次性选择多个文件,并在上传前进行预览,这需要在JavaScript中配置SwfUpload的相关参数。 3. **进度条和状态提示**:SwfUpload.js支持文件上传进度的实时显示,...

    Ext 文件上传参考文档

    Ext 文件上传参考文档主要涉及的是在Web开发中处理文件上传的场景,特别是使用ExtJS框架进行前端交互。ExtJS是一个强大的JavaScript库,用于构建复杂的、数据驱动的Web应用程序。文件上传是用户界面中的常见功能,...

    Ext 3.x 文件批量上传

    在本文中,我们将深入探讨如何在Ext 3.x框架中实现文件的批量上传功能。Ext 3.x是一款强大的JavaScript库,用于构建富客户端应用程序。它提供了丰富的组件和强大的数据管理功能,非常适合创建复杂的Web界面,包括...

    Ext2.0 文件上传组件

    - 文件预览:支持预览某些类型的文件,如图片,让用户在上传前确认内容。 - 自定义事件:提供丰富的事件接口,允许开发者根据需要添加自定义功能。 2. **工作原理**: - 表单提交:通常使用HTML5的`FormData`...

    Ext上传文件控件

    在给定的"Ext上传文件控件"中,我们关注的是ExtJS如何处理文件上传的功能。ExtJS 提供了一个名为`Ext.form.FileField`(也称为`Ext.form.field.File`)的组件,允许用户在Web表单中选择和上传文件。这个控件通常与`...

    文件上传 Ext2.0 完整实例

    在这个小工程中,你可以轻松的理解利用Ext2.0实现文件上传是多么的简单。但话又说回来了,很多时候只看别人的片段代码,是很难理解的,所以我把整个过程给你了,这样就很轻松了,省得东摘一段,西摘一段,最后还是...

    Ext+Struts2多文件上传

    在本文中,我们将深入探讨如何使用ExtJS(Ext)与Struts2.0框架整合,实现多文件上传功能。这是一个常见的需求,在Web应用中,用户可能需要上传多个文件,如图片、文档等。通过理解这一过程,开发者可以构建更强大、...

    Ext文件上传完整包

    这个组件可能包含了文件选择、预览、上传控制、进度反馈等功能。它可能利用了HTML5的File API来处理文件选择和上传,同时也可能使用Ajax技术实现异步上传,以保持用户界面的响应性。 在实际应用中,使用"Ext.ux....

    Ext多文件上传

    "Ext多文件上传"通常指的是使用ExtJS库实现的批量或同时上传多个文件的功能。 在实现多文件上传时,我们需要考虑以下几个核心知识点: 1. **表单提交**:在HTML中,表单通常用于收集用户数据并将其发送到服务器。...

    EXT 3.0 文件上传对话框

    总的来说,EXT3.0 文件上传对话框是一个强大且灵活的工具,能够帮助开发者在EXT3应用中实现高效、友好的文件上传功能。结合适当的文档和样式配置,可以轻松地将其集成到任何项目中,提升用户交互体验。

    java实现文件批量上传

    2. `EXT表单组件`:包含EXT的JavaScript代码,定义了文件上传的表单结构和样式。 3. `Java服务端代码`:处理文件上传的Servlet或Controller,负责接收请求、解析文件并保存到服务器。 4. `CSS样式文件`:定义了上传...

    ext实现图片批量上传(包含Java,和。net 两个版本的哦)

    在这个场景中,“ext实现图片批量上传”指的是利用ExtJS来创建一个功能,允许用户一次性选择并上传多张图片。这种功能在各种应用程序中都很常见,比如社交网络、博客平台或任何需要用户上传图片的地方。 批量上传...

    ext struts2 swfupload 跨域文件上传

    SwfUpload是一个Flash实现的文件上传组件,它允许在浏览器端进行多文件并发上传,同时支持文件预览和进度条显示。由于Flash在处理跨域请求上有一定的优势,SwfUpload常被用于解决跨域文件上传的问题。SwfUpload通过...

    ExtJS带进度条的多文件上传和图片预览

    在"ExtJS带进度条的多文件上传和图片预览"这个项目中,它展示了如何利用ExtJS来实现一个高效且用户友好的文件上传功能,尤其适用于处理大量或大体积的文件。下面将详细介绍这个项目中的关键知识点。 1. **ExtJS组件...

    extjs中本地照片预览、blob数据在oracle中存取

    环境为java,struts2,extjs...没有完全实现的是extjs用uploadfild控件实现的blob数据上传预览,并且尝试了用formFile上传文件、和smart组件上传,但两者在我的环境里还有问题,大家可以改进一下,本人觉得有总比没有强哈

    一个Ext2+SWFUpload做的图片上传对话框的例程

    总的来说,这个例程结合了`Ext2`的UI组件和`SWFUpload`的文件上传能力,提供了一种在Web应用中实现高级图片上传对话框的方法。理解并掌握这两个技术,对于开发具有高质量用户体验的文件上传功能是非常有帮助的。在...

Global site tag (gtag.js) - Google Analytics