使用JS清空fileupload 控件值
1.关于如何用脚本修改fileupload控件值的问题,
开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的value,而且这个页面上有多个file控件
这个比较麻烦因为file的值本身是不允许用脚本修改的(安全角度考虑)
方法1).使用脚本把这个file的input移动到一个form中,然后调用reset,如果有多个这样的input当然还要再移出来.这个方法我不会采用,因为对.net开发者
来讲习惯了一个页面就一个form所有控件都在其中.
方法2).这个方法有点投机,就是在脚本中调用
var fileup = document.getElementById(fileid);
fileup.outerHTML = fileup.outerHTML; 这个ie对脚本处理以及展现机制有关
方法3).这个主要是在解决ff上的问题时考虑到的,其实就是重新生成了一个id相同的file,这里要注意 name一定也要赋值,否则是很难提交给服务器接受的
在平时项目开发中会有上传文件的功能,一般在前端会通过JS来判断上传文件是否属于指定的文件类型,如果不属于就将控件值清空! (当然你也可以不清空)
有一种方法可以很简单的装文件上传组件的值清空,代码如下:
var file=document.getElementById("form1:fileupload");
file.outerHTML=file.outerHTML
以上方法之能在IE中使用
为了兼容FireFox我们使用下面的方式来清空fileupload控件的值:
<span id='uploadSpan'>
<input type="file">
</span>
<script language="JavaScript">
var html=document.getElementById('uploadSpan').innerHTML;
function resetFile(){
document.getElementById('uploadSpan').innerHTML=html;
}
</script>
这样就行了,各浏览器都支持的
使用JS清空fileupload 控件值相关推荐
- WinForm 清空界面控件值的小技巧
WinForm 清空界面控件值的小技巧 原文:WinForm 清空界面控件值的小技巧 在WinForm里面有时候需要清空自己输入内容或是选择的选项,以便重新操作流程,那么一般你是怎么清空界面各个控件值 ...
- 在updatepanel中使用fileupload控件
FileUpload放在updatepanel中,回调时发现上其属性hasfile为false.解决方案如下: 方案一.如果将scriptmanager的enablepartialrending设为f ...
- FineReport——获取控件值和单元格值
设置单元格的值(填报预览): //contentPane.setCellValue(1,0,"abc");//参数面板给单元格赋实际值,即可填报 contentPane.curLG ...
- 【基于python实现UI自动化】3.4 JS 处理日历控件(删除 readonly 属性)
python-UI自动化 1.0 selenium工具介绍 2.0 selenium环境搭建 3.0 selenium常见8大元素定位 3.1 selenium通过By定位元素 3.2 seleniu ...
- 详述FileUpload 控件上传单文件
第一步:添加两个Label控件,一个是用于标题显示,一个是用于上传完成消息提示. 第二步:创建一个FileUpload控件到Page页面,注意FileUpload控件本身只提供文件的选举操作,而实际的 ...
- 使用FileUpload控件上传图片并自动生成缩略图、自动生成带文字和图片的水印图
本文借助vs2005中自带的FileUpload控件实现图片文件的上传并生成缩略图. 实现过程:选择图片上传成功后,取得已经存在服务器的文件生成缩略图,并且判断是否是图片类型的文件,这个的判断可以在程 ...
- Jquery获得控件值的方法
一 Jquery获得服务器控件值的方法 由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<a ...
- FileUpload控件
FileUpload这个控件我在随笔: <在数据库中 存储图片 以及 在界面中显示图片(存储图片路径)- 这种方法相对与存储二进制文件好>之中,已经做了介绍,那篇随笔只是介绍上传图片,FI ...
- JS给html控件赋值
<html> <head><title> JS给html控件赋值 </title><script language="javascrip ...
最新文章
- Linux系统快速安装JDK
- cocos2d-x 输出debug信息
- BZOJ 5326 [JSOI2017]博弈 (模拟费用流、线段树)
- 如何在Windows 10的地图应用程序中获取离线地图
- 外观模式和代理模式的联系和区别_设计模式之代理模式
- Java21天打卡Day8-break
- 爱企人事工资管理系统 v8.1 免费下载
- MQTT服务器的搭建与MQTT客户端的使用
- 外资对我国企业兼并控制情况的资料
- 关于期刊论文所涉及的一些概念汇编+期刊查询方法
- 计算机word图标不显示,Win7系统中Word文档图标无法正常显示怎么办?
- 向奇汉:服务企业互联网化 打造社会化商业平台
- 如何编写GIMP插件(三)
- 惊艳全网的裸眼3D巨屏,竟是一场视觉骗局?
- 实践材料1(感谢刘望的翻译)
- 【算法千题案例】每日LeetCode打卡——68.反转字符串中的元音字母
- 获取最近一年十二月份的月份
- python三人同行七十稀_三人同行(三人同行什么意思)
- oracle 11g 导入\导出(expdp impdp)详解之导入
- 【妙python】按照元素长度排序列表
热门文章
- php多人访问抽奖倒计时一致,Javascript和PHP倒计时器为每个人显示相同的计时器...
- java redis 商品秒杀_使用redis秒杀出现产品超发现象求解?
- linux中有fd set函数吗,LINUX下FD_SET介绍
- MySQL常用命令大全
- 最优化学习笔记(十三)——基本共轭方向算法(扩张子空间定理)
- 2021快手奢侈品行业数据价值报告
- 需求评审流程该如何高效的走下去
- B端产品经理,应从哪些方面理解业务?
- 从微信的改版中我看到了微信的焦虑
- 读入10个数,显示互不相同的数的数目,并以输人的顺序输出