`
desert3
  • 浏览: 2139242 次
  • 性别: 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
分享到:
评论

相关推荐

    在UniGui的UniHTMLMemo 控件上添加上传文件、图片的按钮

    在UniGui的UniHTMLMemo 控件上添加上传文件、图片的按钮,使其成为HTML编辑器。

    asp.net使用ajax控件上传文件实现

    ajax控件中动态添加数据,删除数据测试,asp.net中的ajax控件上传文件代码实现。

    文件上传uploadifive插件下载

    Uploadifive是基于html5技术的文件上传jQuery插件,也...该插件还自带一个PHP文件用于服务器端处理上传文件。 2, uploadifive控件是基于HTML5而不用支持falsh(可以认为是uploadify的升级版),因而移动端也可以使用

    html5中如何将图片的绝对路径转换成文件对象

    通过添加multipe属性,file控件内允许一次选择多个文件。控件内的每一个用户选择的文件都是一个file对象,而FileList对象则是file对象的列表。代表用户选择的所有文件。我们先来看一个简单的demo,看下file文件对象...

    JQ插件第五十二:自定义上传HTML控件

    自定义文件上传框上传成功后显示图片的函数是callback ,调用正式操作之前的函数是callhook。前者是反馈图片在服务端路径,后者是添加使用插件之外需要布置的其他辅助代码。

    php 使用html5实现多文件上传实例

    在html没有出来之前,要实现php多文件上传比较麻烦,需要在form表单里面添加多个input file域。html5发布以后,我们可以使用input file的html5属性multiple来实现多文件上传,需要的朋友可以参考下

    基于ajax html实现文件上传技巧总结

    引语:大家都知道,html中上传文件就一个input,type=file就搞定了。但是,这个标签的样式,实在不值得提点什么,要改动他的样式,恐怕也是较难的...2)、添加真正需要上传的文件控件,并设置属性display:none;如 &lt;

    HTML input file控件限制上传文件类型_动力节点Java学院整理

    网页上添加一个input file HTML控件: &lt;input id="File1" type="file" /&gt; 默认是这样的,所有文件类型都会显示出来,如果想限制它只显示我们设定的文件类型呢,比如“word“,”excel“,”pdf“文件  解决...

    ASP.NET 控件的使用

    4.1 接收上传文件 122 4.1.1 把文件保存到文件系统 123 4.1.2 把文件保存到数据库 125 4.1.3 上传大文件 128 4.2 显示日历 133 4.2.1 创建弹出式日期选择器 135 4.2.2 根据数据库表呈现日历 137 4.3 显示广告 141 ...

    像flickr一样多选图片一次上传

    做上传图片功能的时候,经常会遇到这样一个问题,有时候可能需要一次上传多张图片,而用html中默认的上控件,却只能选定一个文件,且不能对...不过,要实现对上传文件后缀的过滤,却始终无法通过常规的方法予以实现。

    java 编写文件上传类简单易用

    标签中添加以下代码可以页面上显示一个选择文件的控件。 &lt;input type="file" name="file01"&gt; 在页面中显示如下(可能随浏览器不同而不同) 可以直接在文本框中输入文件名,也可以点击按钮后弹出供用户...

    ThinkphpUploadPic单图片上传+多图片上传

    2、html:见onePic.html,主要是引入js和css文件,在js使用 $("#picUpload").uploadify({})配置,注意修改控件的id; 3、php:处理上传图片返回json,见 Action中的uploadPic方法; thinkphp+单图片上传+多图片上传...

    cypress-file-upload:文件上传测试变得容易

    该软件包添加了一个自定义的命令,使您可以抽象化如何通过HTML控件精确上传文件,并专注于测试用户工作流程。 目录 覆盖文件名 使用空的灯具文件 我想看一些真实的例子 原料药 菜谱 注意事项 它不起作用! 我还能...

    桃源企业文件管理系统 v3.3.zip

    支持多达5种文件上传模式,包括计算机浏览器普通上传、手机WAP浏览器普通上传(需安装WAP服务组件)、浏览器ActiveX插件批量文件上传、添加文件网址直接下载文件到用户空间、访客持上传码上传文件等。 4、文件预览...

    bootstrap fileinput实现文件上传功能

    bootstrap 的上传文件控件号称最好用的,总之我用着到是挺别扭的。 首先这个控件很简单。 html代码 &lt;form&gt; &lt;input type="file" name="txt_file" id="txt_file" multiple class="file-loading" /&gt; &lt;/...

    大名鼎鼎SWFUpload- Flash+JS 上传

    当Flash上传文件的时候,由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI,同时还提供上传状态和错误信息。 选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的,这就保证了...

    .NET在线文本编辑器-ItmouseEditor v1.0 源代码

    字体、字号、背景色、文字颜色、加粗、下划线、斜体、删除线、下标、上标、左对齐,右对齐、居中,剪取、复制、粘贴、删除、撤消、恢复、编号...、上传文件、插入表格及表格修改、插入HTML标签、添加链接、段开链接...

    庖丁解牛 纵向切入ASP.NET 3.5控件和组件开发 part1

    6.7 对动态添加控件的视图状态分析 228 6.8 自定义类型转换器实现高效率序列化 231 6.9 页面状态性能优化策略 238 6.9.1 存储位置优化——把视图状态信息保存在服务端而非客户端 238 6.9.2 体积优化——压缩视图...

    庖丁解牛 纵向切入ASP.NET 3.5控件和组件开发 part2

    6.7 对动态添加控件的视图状态分析 228 6.8 自定义类型转换器实现高效率序列化 231 6.9 页面状态性能优化策略 238 6.9.1 存储位置优化——把视图状态信息保存在服务端而非客户端 238 6.9.2 体积优化——压缩视图...

    ASP.NET.4揭秘

    4.1 接收上传文件135 4.1.1 把文件保存到文件系统136 4.1.2 把文件保存到数据库139 4.1.3 上传大文件142 4.2 显示日历147 4.2.1 创建弹出式日期选择器150 4.2.2 根据数据库表呈现日历152 4.3 显示广告156 4.3.1 在...

Global site tag (gtag.js) - Google Analytics