`
fackyou200
  • 浏览: 309521 次
  • 性别: Icon_minigender_1
  • 来自: 山西太原
社区版块
存档分类
最新评论

JS- 清空file(兼容IE,火狐)

 
阅读更多
<script>
function cleanFile(id){
var _file = document.getElementById(id);
if(_file.files){
_file.value = "";
}else{
if (typeof _file != "object"){ return null; }
var _span = document.createElement("span");
_span.id = "__tt__";
_file.parentNode.insertBefore(_span,_file);
var tf = document.createElement("form");
tf.appendChild(_file);
document.getElementsByTagName("body")[0].appendChild(tf);
tf.reset();
_span.parentNode.insertBefore(_file,_span);
_span.parentNode.removeChild(_span);
_span = null;
tf.parentNode.removeChild(tf);
}
}
</script>
<input id="file1" type="file" />
<input type="button" value="清空" onclick="cleanFile('file1')" />

 

分享到:
评论

相关推荐

    js判断上传文件的大小(兼容火狐、谷歌、IE、360浏览器)

    ### js判断上传文件的大小(兼容火狐、谷歌、IE、360浏览器) 在Web开发中,经常需要处理用户上传文件的操作。为了确保服务器安全并优化用户体验,开发者需要对上传文件进行一定的预处理,例如限制文件大小。本文将...

    IE(6,7,8)与FireFox兼容的打开关闭窗口脚本

    本文将深入探讨如何为IE(6、7、8)和Firefox编写兼容的打开、关闭窗口的JavaScript脚本,以帮助开发者解决跨浏览器的兼容性问题。 首先,我们需要理解IE和Firefox对JavaScript的处理方式有所不同。Internet ...

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

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

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

    在非IE浏览器(如Firefox)中,虽然复制的文件域会带有原始的值,但是我们已经手动清空了这个值,因此在所有浏览器中都能实现一致的清空效果。 这个方法的优点在于它是一种跨浏览器的解决方案,可以兼容不同版本的...

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

    在JavaScript中,对文件类型(`&lt;input type="file"&gt;`)的输入元素进行清空或重置操作是一项挑战,因为出于安全考虑,浏览器不允许直接通过设置`value`属性来改变文件选择。本文将详细讨论三种不同的方法来解决这个...

    js清空表单数据的两种方式(遍历+reset)

    - **浏览器兼容性:**在Internet Explorer、Opera、Safari、Chrome等浏览器中,清空文件输入类型(file)的值可能需要特殊处理,因为简单的赋空字符串值可能不会影响元素的显示和内部状态。在较新版本的Firefox中,...

    KODExplorer 芒果云-资源管理器

    [关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data...

    js判断上传文件的类型和大小示例代码

    - 对于非IE浏览器,比如火狐(Firefox)、谷歌(Chrome)、苹果(Safari),则通过其他方式来处理。 - 对于Opera浏览器,代码通过修改`target.type`属性来尝试清空文件选择。 4. 相关的JavaScript对象和方法 - `target...

    js实现上传文件添加和删除文件选择框

    本文将详细介绍如何使用JavaScript实现这一功能,并解决在Firefox等浏览器中的兼容性问题。 首先,我们需要了解两个关键的DOM操作函数:`insertAdjacentHTML` 和 `removeChild`。`insertAdjacentHTML` 用于在指定...

    客户端js判断文件类型和文件大小即限制上传大小

    对于其他现代浏览器,如Chrome、Firefox,可以直接访问`files`属性来获取`FileList`对象,然后读取`size`属性得到文件大小。 3. 将文件大小转换为MB单位,并与预设的最大大小`filemaxsize`(2MB)进行比较。如果...

    基于JQuery实现图片上传预览与删除操作

    在本文中,我们将深入探讨如何使用JQuery库来实现图片上传预览和删除功能,兼容多种浏览器,包括谷歌、火狐、360以及IE6到IE11。以下是实现这个功能所需的关键知识点: 1. **JQuery库的引入**: 在HTML文档中,...

Global site tag (gtag.js) - Google Analytics