`

clear file value (清除文件框中的值)

阅读更多
1 js代码

<SCRIPT LANGUAGE="JavaScript">
  <!--
	var Upload = { 
clear: function(id){ 
  var up = (typeof id=="string")?document.getElementById(id):id; 
  if (typeof up != "object") return null; 
  var tt = document.createElement("span"); 
  tt.id = "__tt__"; 
  up.parentNode.insertBefore(tt,up); 
  var tf = document.createElement("form"); 
  tf.appendChild(up); 
  document.getElementsByTagName("body")[0].appendChild(tf); 
  tf.reset(); 
  tt.parentNode.insertBefore(up,tt); 
  tt.parentNode.removeChild(tt); 
  tt = null; 
  tf.parentNode.removeChild(tf); 
}, 

clearForm: function(){ 
  var inputs,frm; 
  if (arguments.length == 0) 
  { 
   inputs = document.getElementsByTagName("input"); 
  }else{ 
   frm = (typeof arguments[0] == "string")?document.getElementById(arguments[0]):arguments[0]; 
   if (typeof frm != "object") return null; 
   inputs = frm.getElementsByTagName("input"); 
  } 
  
  var fs=[]; 
  for ( var i=0; i<inputs.length; i++ ) 
  { 
   if (inputs[i].type == "file") fs[fs.length] = inputs[i]; 
  } 

  var tf = document.createElement("form"); 
  for ( var i=0; i<fs.length; i++ ) 
  { 
   var tt = document.createElement("span"); 
   tt.id = "__tt__" + i; 
   fs[i].parentNode.insertBefore(tt, fs[i]); 
   tf.appendChild(fs[i]); 
  } 
  document.getElementsByTagName("body")[0].appendChild(tf); 
  tf.reset(); 
  for ( var i=0; i<fs.length; i++) 
  { 
   var tt = document.getElementById("__tt__" + i); 
   tt.parentNode.insertBefore(fs[i],tt); 
   tt.parentNode.removeChild(tt); 
  } 
  tf.parentNode.removeChild(tf); 
} 
} 
//-->
</SCRIPT>


2 html调用示例
<form name="f" id="f" method="post"> 
<input type="file" name="f1" id="f1" /> 
<input type="button" value="clear" onclick="Upload.clear('f1')" /><br /> 
<input type="file" name="f2" id="f2" /><br /> 
<input type="file" name="f3" id="f3" /><br /> 
<input type="file" name="f4" id="f4" /><br /> 
<input type="file" name="f5" id="f5" /><br /> 
<input type="file" name="f6" id="f6" /><br /> 
<input type="file" name="f7" id="f7" /><br /> 
<input type="file" name="f8" id="f8" /><br /> 
<input type="button" value="clearAll" onclick="Upload.clearForm()" /><br /> 
<input type="submit" value="submit" /><input type="reset" value="reset" /> 
</form> 
<form name="form" id="form" method="post"> 
<input type="file" name="f9" id="f9" /><br /> 
<input type="file" name="f10" id="f10" /><br /> 
<input type="button" value="clearThisForm" 
onclick="Upload.clearForm('form')" /> 
</form> 
分享到:
评论

相关推荐

    vue 清空input标签 中file的值操作

    总结来说,Vue中清空`&lt;input type="file"&gt;`的值主要可以通过`$refs`访问元素并设置`value`为空字符串。而原生JavaScript中,可以使用`document.selection.clear()`或重新设置`outerHTML`来实现,但这些方法在现代...

    Excel超级列表框快速导入导出

    在Excel中,超级列表框(ListObject)是一种强大的工具,用于处理和展示大量数据。它提供了数据筛选、排序和交互式操作的能力,极大地提升了工作效率。本教程将详细讲解如何使用Excel超级列表框进行数据导入、导出...

    ThinkPHP文件缓存类

    文件缓存是将数据存储到本地文件系统中,当需要时快速读取,而不是每次都去查询数据库或执行计算。下面我们将深入探讨ThinkPHP文件缓存类的相关知识点。 **1. 缓存驱动** ThinkPHP支持多种缓存驱动,包括File...

    Property配置用法.docx

    5. `clear()`: 清除Properties对象中所有的键值对,即删除所有配置信息。 三、代码实例 以下是一个简单的Java类`Configuration`,展示了如何使用Properties类读取和操作.properties文件: ```java import java.io....

    基于asp.net 的文件上传和下载

    在ASP.NET框架中,文件上传和下载是常见的Web应用程序功能,尤其对于数据交换、资源分享和用户交互至关重要。本文将深入探讨如何利用ASP.NET实现文件的上传与下载,旨在为开发者提供详尽的实践指导。 一、文件上传 ...

    Excel VBA实用技巧大全 附书源码

    04191复制单元格的值(Value属性) 04192复制单元格的数据和公式(去掉前缀字符) 04193复制单元格的数据和公式(保留前缀字符) 04194复制单元格的格式 04195复制单元格的批注 04196复制单元格的有效性设置 04197...

    C#MP3文件播放

    在本文中,我们将深入探讨如何使用C#编程语言创建一个MP3文件播放器。C#是一种面向对象的、现代的编程语言,广泛应用于Windows应用程序开发,包括多媒体应用。MP3播放器是许多开发者初次接触音频处理时的一个经典...

    Web程序 上传下载asp.net程序

    在ASP.NET框架中,开发Web程序时经常需要处理文件的上传和下载功能。这些功能对于构建交互性强、用户体验良好的网站至关重要。本知识点将深入探讨如何在ASP.NET中实现文件的上传与下载,以及相关的技术要点。 一、...

    Qt Creator 的安装和hello world 程序+其他程序的编写--不是一般的好

    9.我们可以看见工程中的所有文件都出现在列表中了。我们可以直接按下下面的 绿色的run 按钮或者按下Ctrl+R 快捷键运行程序。 10.程序运行会出现空白的对话框,如下图。 11.我们双击文件列表的dialog.ui 文件,便出现...

    C#读取EXCEL并导入到数据库中

    本文将深入探讨如何使用C#和Winform来读取Excel文件,并将其数据导入到数据库中。这对于数据处理和分析任务来说是一项基础但重要的技能。 首先,我们需要知道在C#中读取Excel文件通常涉及到第三方库,因为.NET ...

    江苏省计算机等级考试二级Vfp 上机答案.pdf

    - `TO FILE`将查询结果输出到文件,如将SQL查询结果保存到temp.txt。 - `RELEASE`命令释放或关闭表单。 - `IF...ENDIF`结构用于条件判断,如检查文本框输入长度是否满足条件。 - `UPDATE`命令用于更新表中数据,...

    aqua:实用程序类功能可帮助使用Flutter框架进行UI开发

    log ( 'data to log' , logFile : 'path/to/file' , clear : true , time : true ); 要将数据保存到设备 Future &lt; void&gt; save () async { var id = 'id' ; var _value = 1920 ; await aqua. Pref . set (id, ...

    asp.net实现上传下载,导出Excel,word

    在ASP.NET框架中,开发人员经常需要处理文件的上传、下载以及导出数据到Excel或Word等常见任务。这些功能对于构建交互式Web应用程序至关重要,尤其是那些涉及数据管理和报告的应用程序。下面将详细介绍如何在ASP.NET...

    安卓界面跳转

    通过putExtra()方法,我们可以将各种类型的数据(如字符串、整型、浮点型、布尔值、序列化对象等)附加到Intent中,然后在目标Activity中通过getExtra()方法获取。例如: ```java Intent intent = new Intent(this, ...

    Developer开发文章

    可以使用 `IMAGE-LOAD-FILE` 函数加载图像文件,并将其显示在FORM上的图像控件中。这可以用于制作封面或在FORM中显示图标。 #### 13. 运行FORM时,如何使按钮变灰(即无效)? 可以使用 `BUTTON-SET-ENABLED` 函数...

    精简版本ROS指令。

    通过`&lt;rosparam command="load" file="$(find package-name)/param-file"/&gt;`可以在启动文件中加载参数文件。 14. **服务管理** - **列出所有服务**:`rosservice list` - **查看某一特定节点提供的服务**:`ros...

    ASP.Net MVC框架配置与分析

    Web.config文件是ASP.NET MVC项目中的核心配置文件,用于指定应用程序的设置和行为。 - **添加路由规则**: ```xml ^([a-zA-Z0-9_-]+)/([a-zA-Z0-9_-]+)?$" /&gt; ...

    MTK编程起步.doc

    - `clear_screen`:用于清除屏幕内容,通常是初始化或更新屏幕前必要的操作。 - `entry_full_screen`:进入全屏模式,使得应用能够占据整个显示区域。 - `gui_BLT_double_buffer`:双缓冲重绘技术,可以避免屏幕...

Global site tag (gtag.js) - Google Analytics