<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浏览器) 在Web开发中,经常需要处理用户上传文件的操作。为了确保服务器安全并优化用户体验,开发者需要对上传文件进行一定的预处理,例如限制文件大小。本文将...
本文将深入探讨如何为IE(6、7、8)和Firefox编写兼容的打开、关闭窗口的JavaScript脚本,以帮助开发者解决跨浏览器的兼容性问题。 首先,我们需要理解IE和Firefox对JavaScript的处理方式有所不同。Internet ...
本篇文章介绍了几种用JavaScript清空File控件的路径值的方法,并分析了这些方法的适用场景和浏览器兼容性。 首先,一种常见的方法是创建一个新的form元素,把File控件移动到这个新form中,然后调用reset方法。由于...
在非IE浏览器(如Firefox)中,虽然复制的文件域会带有原始的值,但是我们已经手动清空了这个值,因此在所有浏览器中都能实现一致的清空效果。 这个方法的优点在于它是一种跨浏览器的解决方案,可以兼容不同版本的...
在JavaScript中,对文件类型(`<input type="file">`)的输入元素进行清空或重置操作是一项挑战,因为出于安全考虑,浏览器不允许直接通过设置`value`属性来改变文件选择。本文将详细讨论三种不同的方法来解决这个...
- **浏览器兼容性:**在Internet Explorer、Opera、Safari、Chrome等浏览器中,清空文件输入类型(file)的值可能需要特殊处理,因为简单的赋空字符串值可能不会影响元素的显示和内部状态。在较新版本的Firefox中,...
[关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) [忘记密码] 修改data...
- 对于非IE浏览器,比如火狐(Firefox)、谷歌(Chrome)、苹果(Safari),则通过其他方式来处理。 - 对于Opera浏览器,代码通过修改`target.type`属性来尝试清空文件选择。 4. 相关的JavaScript对象和方法 - `target...
本文将详细介绍如何使用JavaScript实现这一功能,并解决在Firefox等浏览器中的兼容性问题。 首先,我们需要了解两个关键的DOM操作函数:`insertAdjacentHTML` 和 `removeChild`。`insertAdjacentHTML` 用于在指定...
对于其他现代浏览器,如Chrome、Firefox,可以直接访问`files`属性来获取`FileList`对象,然后读取`size`属性得到文件大小。 3. 将文件大小转换为MB单位,并与预设的最大大小`filemaxsize`(2MB)进行比较。如果...
在本文中,我们将深入探讨如何使用JQuery库来实现图片上传预览和删除功能,兼容多种浏览器,包括谷歌、火狐、360以及IE6到IE11。以下是实现这个功能所需的关键知识点: 1. **JQuery库的引入**: 在HTML文档中,...