`
yuhui1988
  • 浏览: 9921 次
社区版块
存档分类
最新评论

清空file内容

 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  
  <script type="text/javascript">
function clearFileInput(file){
	//no。1
    var form=document.createElement('form');
    document.body.appendChild(form);
    //记住file在旧表单中的的位置
    var pos=file.nextSibling;
    form.appendChild(file);
    form.reset();
    pos.parentNode.insertBefore(file,pos);
    document.body.removeChild(form);
	//no.2
	if (file.outerHTML) { // for IE, Opera, Safari, Chrome
file.outerHTML = file.outerHTML;
} else { // FF(包括3.5)
file.value = "";
}
}
</script >
 </head>

 <body>
<input name="file" type="file" id="file" />
<input name="button" type="button" onclick="clearFileInput(file)" value="清空" />
 </body>
</html>

 

分享到:
评论

相关推荐

    清空file选中内容

    本教程将详细介绍如何在JavaScript中实现“清空file选中内容”的功能,以及这一过程中的相关知识点。 首先,我们需要理解`&lt;input type="file"&gt;`的工作原理。这个HTML元素用于让用户选择本地文件,选中的文件信息会...

    linux 不删除文件,清空文件中内容的命令

    本文将介绍如何在Linux中清空文件内容,同时保持文件存在。 首先,我们可以使用`&gt;`重定向操作符来清空文件内容。具体命令是: ```bash true &gt; log.txt ``` 这里,`true`是一个返回成功状态的命令,没有任何输出。`&gt;...

    ASP.Net中FileUpLoad控件内容清空

    ### ASP.NET中FileUpload控件内容清空方法详解 在ASP.NET Web开发中,`FileUpload` 控件常被用于实现文件上传功能。但在某些情况下,我们可能需要清空该控件的内容,例如用户取消了文件选择或者上传操作。本文将...

    jquery 清空file域示例(兼容个浏览器)

    从提供的文件内容中,我们看到了一个使用jQuery来清空file域的示例代码: ```javascript var file = $("#FileId"); file.after(file.clone().val("")); file.remove(); ``` 让我们详细解释一下这段代码的含义及...

    清空input的file上传的数据

    自己总结的file上传数据的一些小经验,给大家分享下,希望对大家有帮助

    C#清空文件及文件夹

    清空文件实际上就是将文件内容全部删除,使其变为零字节的空文件。在C#中,可以使用`System.IO.File.WriteAllText`方法来实现。这个方法会覆盖文件原有的内容,如果文件不存在,它还会创建一个新的文件。以下是一个...

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

    在Vue.js框架中,处理`&lt;input type="file"&gt;`元素时,用户选择文件后,如果需要清空已选择的文件路径,可以采用多种方法。本文将详细讲解两种常见的解决方案,以及如何在Vue实例中实现这个功能。 首先,让我们看下在...

    使用jQuery清空file文件域的解决方案

    本文主要讨论的是如何使用jQuery来解决一个特定的问题:清空`&lt;input type="file"&gt;`(文件域)的值。由于浏览器的安全策略,尤其是Internet Explorer(IE)的限制,直接通过`.val('')`方法无法清空文件域的值。为了...

    将input file的选择的文件清空的两种解决方案

    在网页表单中,`&lt;input type="...总的来说,清空`&lt;input type="file"&gt;`元素选择的文件可以通过多种技术实现,但考虑到浏览器的差异性,推荐使用事件监听和直接修改`value`属性的方式,以确保在各种环境下都能正常工作。

    qt删除文件夹内所有内容

    在Qt编程中,删除文件夹内的所有内容是一个常见的任务,涉及到文件系统操作。Qt库提供了丰富的函数和类来处理这些操作。本篇文章将详细讲解如何使用Qt实现删除文件夹内所有内容的功能,包括文件和子文件夹。 首先,...

    解析使用JS 清空File控件的路径值

    本篇文章介绍了几种用JavaScript清空File控件的路径值的方法,并分析了这些方法的适用场景和浏览器兼容性。 首先,一种常见的方法是创建一个新的form元素,把File控件移动到这个新form中,然后调用reset方法。由于...

    清空input类型为file的value属性值的方法

    标题中提到的“清空input类型为file的value属性值的方法”,涉及到JavaScript在操作DOM时遇到的特性。在Web开发中,`value`属性用于获取或设置表单元素的值。对于`file`类型的`&lt;input&gt;`元素,它的值是一个路径字符串...

    PHP实现批量清空删除指定文件夹所有内容的方法

    在PHP编程中,有时我们需要对文件系统进行操作,例如清空或删除指定的文件夹内容。本实例将详细讲解如何使用PHP实现批量清空并删除指定...通过理解并应用上述代码,你可以在需要时安全地清空和删除指定文件夹的内容。

    如果清空回收站 (4KB)...

    这些功能主要通过FileOpen、Input、Write、Close等语句实现。在处理回收站时,我们通常并不直接操作文件,而是调用系统的API函数,因为回收站的操作涉及到更底层的系统资源管理。 对于"清空回收站"这个功能,VB中...

    使用JS 清空File控件的路径值

    // 重新设置span的HTML,从而清空File控件的显示 uploadSpan.innerHTML = html; ``` 这种方法的原理是,虽然我们无法直接修改File控件的`value`,但我们可以通过改变其父元素的HTML内容来间接清除File控件显示的...

    ubuntu强制清空回收站 创建、删除文件及文件夹的方法.docx

    Ubuntu强制清空回收站 创建、删除文件及文件夹的方法 本文档将详细介绍Ubuntu系统中强制清空回收站的方法,以及创建、删除文件及文件夹的命令。这些命令对于Linux系统的使用者来说是非常重要的基础知识。 一、创建...

    input file的默认value清空与赋值方法

    关于`input file`的默认value清空与赋值方法,这里涉及到的是网页编程中的一个特定知识点。由于出于安全性考虑,JavaScript默认不允许直接修改`input`元素中的`file`类型的value值。但是,我们仍然有一些技巧性的...

    js 获取、清空input type="file"的值示例代码

    ### JavaScript获取和清空input type="file"值的知识点 #### 1. 获取input type="file"的值 `&lt;input type="file"&gt;`元素允许用户选择一个或多个文件,这些文件的路径将通过其`value`属性返回。然而,需要注意的是,...

    IE中的File域无法清空使用jQuery重设File域

    有时候在做文件上传的时候会遇到一种情况就是需要重置整个表单,但是问题来了,其他浏览器都没啥问难题,直接reset form或者是触发type为reset的button的click事件就OK了,但是IE却奇葩了,IE中的File域无法清空,...

Global site tag (gtag.js) - Google Analytics