`
desert3
  • 浏览: 2156030 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

html 动态添加上传文件控件

 
阅读更多
// 隐藏的,用来动态增加控件时复制用的
<div id="divFileHidden" style="display:none;">
					              <html-el:file property="upload_picture_hidden" styleId="upload_picture_hidden" style="width: 500px;" />
					              <img src="${ctx}/styles/admin/images/x.gif" style="vertical-align:middle; cursor:pointer;" id="imgDelTr" /></div>

// 显示的+按钮,该按钮用来动态增加HTML控件
<div id="divFile">
					              <html-el:file property="up_picture" styleId="upload_picture" style="width: 500px;" />
					              <img src="${ctx}/styles/admin/images/+.gif" style="vertical-align:middle; cursor:pointer;" id="imgAddTr" /></div>


// +按钮的javascript代码
		$("#imgAddTr").click(function (){
			$("#divFileHidden").clone().find("#upload_picture_hidden").attr("name", "up_" + new Date().getTime()).end().appendTo($("#divFile")).show();
		    $("img[id='imgDelTr']").each(function(){
				$(this).click(function (){
					$(this).parent().remove();
				});
			});
		});



IETab下面,发现生成的控件的名字并没有被替换过来!name还是upload_picture_hidden
IE8,Firefox5正常,name变成up_1312960457209
分享到:
评论

相关推荐

    上传文件控件简介

    在ASP.NET中,上传文件控件是Web开发中不可或缺的一部分,它允许用户从他们的本地计算机选择文件并将其发送到服务器。本篇文章将深入探讨“上传文件控件”,以`FileUpload`为例,来理解它的基本功能、使用方法以及在...

    .NET上传文件控件

    总结,.NET上传文件控件结合C#后端处理,可以实现高效且安全的文件上传功能。通过理解和实践上述知识点,开发者可以创建自定义的文件上传解决方案,满足各种Web应用程序的需求。了解和掌握这些技术对于提升ASP.NET...

    Ajax文件上传控件

    在UpdatePanel内使用Ajax文件上传控件,可以实现页面部分区域的动态更新,而无需刷新整个页面。 在传统的HTML表单(form)中,如果包含`&lt;input type="file"&gt;`元素,提交表单时会触发完整的页面刷新,这可能导致用户...

    php版仿网易文件上传控件

    8. **安全考虑**:文件上传可能会成为XSS(跨站脚本攻击)和LFI(本地文件包含)的入口,因此,需要对上传文件进行安全检查,如禁止上传可执行文件,对文件名进行转义等。 通过以上技术,我们可以构建一个功能全面...

    Flash文件上传控件源码2012619

    4. **文件删除功能**:除了基本的上传功能,该控件还支持已上传文件的删除。这是一项实用性很强的功能,用户可以随时取消不需要的文件,减轻服务器存储负担,也便于管理上传的文件。 5. **兼容主流浏览器**:为了...

    .net文件上传控件

    在设计视图中添加FileUpload控件,然后在代码中可以调用`FileUploadControl.HasFile`检查是否有文件被选中,`FileUploadControl.FileName`获取文件名,`FileUploadControl.SaveAs(path)`将文件保存到指定路径。...

    .net最好用的上传文件控件

    标题提到的".net最好用的上传文件控件"可能指的是诸如AjaxControlToolkit中的FileUpload或FineUploader等流行组件。 首先,C#是.NET框架的主要编程语言之一,它提供了强大的支持来处理文件上传操作。在ASP.NET中,...

    超简单文件上传,只是一个控件

    3. 安全性:验证上传文件类型,防止恶意文件(如脚本、病毒)上传。可以通过检查文件扩展名来实现。 4. 处理多文件上传:ASP.NET MVC提供多文件上传支持,可以使用多个FileUpload控件或Html5的FormData对象。 在...

    文件上传控件

    文件上传控件是Web开发中常见的一种组件,用于在网页上实现用户选择并上传文件的功能。在本案例中,我们关注的是"Uploadifive",一个流行且功能强大的JavaScript插件,它支持多文件上传,并且对多种浏览器具有良好的...

    asp.net多文件上传用户控件源码

    `uploadFile`和`images`可能是存放临时上传文件和相关图片资源的目录。 总的来说,这个源码提供了一个完整的多文件上传解决方案,包括了前端交互、后端处理、样式设计和项目组织结构。开发者可以通过学习和修改这个...

    extjs 多文件上传控件

    另外,提供取消上传的选项也是必要的,这通常通过移除待上传文件的引用来实现。 10. **文件限制**:根据需求,你可能需要限制可上传的文件类型、大小或者数量。这可以通过在File Input Field中设置验证规则,或者在...

    网页flash多文件上传控件(asp.net)

    网页Flash多文件上传控件是ASP.NET开发中常用的一种组件,它允许用户通过Flash技术实现批量上传文件的功能。Flash作为一种跨平台的多媒体技术,能够提供更丰富的用户体验,尤其是在处理大文件上传和批量上传方面,...

    html5中的file控件支持多文件选择上传

    通过这个API,开发者可以在浏览器端读取、处理和上传文件,无需服务器的介入。例如,我们可以获取到用户选择的文件列表: ```javascript var input = document.querySelector('input[type="file"]'); input....

    html5多图上传控件

    在实际应用中,为了确保安全和性能,我们还需要考虑一些策略,比如限制文件类型和大小,使用分块上传大文件,以及添加错误处理机制。同时,服务器端也需要相应的处理逻辑来接收和存储上传的文件。 综上所述,"html5...

    具有粘贴,整个文件夹,多文件上传的控件demo(java)

    这可能涉及到递归遍历文件夹结构并将所有文件添加到上传队列的技术。 5. **Java实现**:Java作为一种跨平台的编程语言,提供了丰富的库和框架用于文件操作和网络通信。这个控件可能使用了Java的`java.io`和`java....

    extjs5.1多文件上传控件

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

    asp.net上传文件的两种方式 普通html控件 服务器控件

    本文将详细介绍两种上传文件的方式:普通HTML控件和服务器控件。 ### 1. HTML控件(File Input) HTML中的`&lt;input type="file" /&gt;`控件可以用来选择本地文件进行上传。这种方式相对简单,但处理起来较为复杂,因为...

    Asp.Net SWFUpload多文件上传;KindEditor富文本框用户控件

    在Asp.Net开发中,有时候我们需要提供用户友好的文件上传功能,这通常涉及到批量上传和高级的用户体验。...在实践中,开发者还需要注意安全问题,如防止CSRF攻击、XSS注入等,确保上传文件的安全性。

Global site tag (gtag.js) - Google Analytics