`
baining97
  • 浏览: 104358 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

将input file的选择的文件清空

IE 
阅读更多

上传文件时,选择了文件后想清空文件路径的两种办法:

JS代码
<input type="file" id="fileupload" name="file" /> 

第一种: (display:none时不能用)

var obj = document.getElementById('fileupload') ;  
obj.select();  
document.selection.clear(); 


第二种:(无论display:none或block都可以用)

var obj = document.getElementById('fileupload') ;  
obj.outerHTML=obj.outerHTML;
 

分享到:
评论
2 楼 对酒当歌,人生几何 2010-07-02  
这些方法都只是ie下的。通用性不强。
1 楼 cyf-123456 2010-01-12  
谢了,从代码简介度来看很不错,支持下

相关推荐

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

    为了确保跨浏览器的兼容性,可以考虑使用JavaScript库(如jQuery)提供的函数,或者采用更复杂的方式来处理文件选择的清除,例如监听`change`事件,当用户选择新文件时自动清空旧的文件选择。 ```javascript ...

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

    其主要做法是将文件输入框的value清空后,通过改变`input`元素的位置,模拟用户通过点击输入框外部的方式,使浏览器认为用户已经放弃了之前的输入。 具体的实现步骤包括获取`input file`元素,通过`document....

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

    当用户选择文件后,`onUpload`方法会被调用,此时通过`this.$refs.pathClear`获取到`&lt;input type="file"&gt;`元素的引用,然后将其`value`属性设置为空字符串,从而清空文件选择状态。 除了使用Vue的`$refs`机制,还有...

    清空input的file上传的数据

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

    清空file选中内容

    在这个例子中,当用户点击“清空”按钮时,`clearFileSelection`函数会被调用,它会创建一个新的`&lt;input type="file"&gt;`元素,并将其插入到原始输入元素的位置,从而达到清空文件选择的效果。 这种方法的一个限制是...

    一次性选择多文件上传multiple属性

    例如,通过监听`change`事件,每次用户选择文件后,将其上传,并清空当前的文件选择,然后再次触发文件选择对话框,从而达到选择多个文件的效果。 在Java JSP环境中,处理多文件上传通常会涉及Servlet和...

    清空上传控件input file的值

    这种方法虽然能有效清空`&lt;input type="file"&gt;`的值,但请注意,这样做并不会真正删除用户已选择的文件,只是从视觉上清空了控件。如果需要在用户重新选择文件之前阻止旧文件的上传,你需要在提交表单或发送文件到...

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

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

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

    当`&lt;input&gt;`元素的`type`属性设置为`file`时,它允许用户选择一个或多个文件。 标题中提到的“清空input类型为file的value属性值的方法”,涉及到JavaScript在操作DOM时遇到的特性。在Web开发中,`value`属性用于...

    JS清空上传控件input(type=&quot;file&quot;)的值的代码第1/2页

    在进行Web开发的过程中,经常会遇到需要通过JavaScript清空`&lt;input type="file"&gt;`上传控件中的文件选择值的需求。然而,根据HTML标准,`&lt;input type="file"&gt;`控件的值是不允许通过JavaScript直接进行修改的。原因...

    ASP.Net中FileUpLoad控件内容清空

    当用户点击按钮触发事件时,可以利用JavaScript删除原有的`&lt;input type="file"&gt;`元素,并重新创建一个新的`&lt;input type="file"&gt;`元素来替代它,从而达到清空文件选择的效果。 示例代码如下: ```html &lt;input ...

    Angular2里获取(input file)上传文件的内容的方法

    &lt;input type="file" id="newUpload" &gt;然后,我们可以通过document.getElementById()方法获取input标签,并通过files属性获取上传的文件。但是,需要注意的是,HTMLElement对象没有files属性,我们需要将其强制转换为...

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

    需要注意的是,虽然这两种方法都可以实现清空`&lt;input type="file"&gt;`的效果,但它们都不会影响用户的文件选择对话框。也就是说,用户仍然可以选择相同的文件,除非他们自己取消选择或者选择其他的文件。在实际应用中...

    JavaScript实现清空(重置)文件类型INPUT元素值的方法

    然而,在某些场景下,开发者可能需要通过JavaScript清空或重置文件选择器的当前值。这种需求往往因为一些安全限制,不能直接通过设置value属性来清空,因此需要采用其他方法来实现。本文将详细介绍三种实现清空文件...

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

    - 创建一个隐藏的`&lt;input type="file"&gt;`元素,并在清空操作时将其插入到DOM中替代原有的文件输入框。 - 这种方法的原理是通过替换DOM中的元素,而不是直接清空其值,从而达到清空用户选择文件的目的。 - **方法二...

    js 获取、清空input type=&quot;file&quot;的值(示例代码)

    另一种方法是创建一个临时的`&lt;form&gt;`元素,将`&lt;input type="file"&gt;`添加到这个新表单中,调用`reset`方法清空,然后再将文件输入控件放回原处。这种方法的代码如下: ```html &lt;input type="file" id="fileInput"&gt; ...

Global site tag (gtag.js) - Google Analytics