`

jquery 清空 file 值 兼容

阅读更多
查了好半天,没有短小精悍的。用jquery可以比较简单的做到
在firefox下 你可以直接

$("#file_uploade").val("");


可是ie下这个就不起做用了
在ie下可以这样写
 
file = $("#file_uploade");
file.after(file.clone());
file.remove();


这样做呢,ie下不会复制原来file里的值的,所以新建的是空的
而firefox下呢,是会把原来的值复制过来
所以呢最终适合ie和firefox的函数为

  function resetFileInput(file){
     file.after(file.clone().val(""));
     file.remove();
    }



只测试了ie和firefox,其他的兼容性不知道。
新手呢,不要忘记用函数的时候,加入jquery的引用。

分享到:
评论

相关推荐

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

    最后,除了上述使用jQuery克隆元素清空file域的方法,还有其他一些方式,例如直接使用`file.val("")`来尝试清空file域的值,但这种方法在不同的浏览器中可能会有兼容性问题。在实践中,应当测试不同的浏览器以确保...

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

    总结,使用jQuery清空文件域的解决方案主要是通过复制和替换元素来绕过浏览器的安全限制。这种方法巧妙地利用了浏览器之间的差异来实现兼容性,确保无论在哪个环境下,都能够正确地清空文件域的值,从而提高用户体验...

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

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

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

    然而,在使用IE浏览器时,会发现即使尝试重置表单,`File`域的值却不会清空,这可能会导致一些意料之外的行为。例如,有时候需要在用户上传文件后清空`File`域以便进行下一次上传,但在IE中这似乎做不到。本文将探讨...

    jQuery.form.js结合canvas上传图片显示进度圈效果

    在本文中,我们将深入探讨如何使用jQuery.form.js插件与HTML5的canvas元素结合,以实现图片上传过程中...在实际开发中,你可能还需要考虑错误处理、样式调整以及兼容性问题,以确保在不同浏览器和设备上的良好表现。

    jQuery仿新浪微博发布新鲜事页面代码

    《使用jQuery实现仿新浪微博发布页面的功能详解》 在Web开发中,模拟知名社交网络的界面和功能是一项常见的挑战。本文将深入探讨如何使用jQuery库来创建一个类似新浪微博的发布新鲜事页面,涵盖字数统计、表情支持...

    jquery.uploadify用法.doc

    - **兼容性问题**:虽然Uploadify主要依赖于Flash技术,但随着浏览器逐渐淘汰对Flash的支持,可能会遇到兼容性问题。为了解决这个问题,建议考虑使用纯HTML5的文件上传解决方案,或者使用其他基于现代Web技术的上传...

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

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

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

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

    jquery实现多次上传同一张图片

    在jQuery中,对DOM元素调用`reset()`方法等同于在原生JavaScript中触发`<form>`元素的`reset`事件,这会将表单恢复到初始状态,清除所有输入的值。 所以,整个代码`$('input[type=file]').wrap('<form>').closest('...

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

    4. **使用库或框架**:像jQuery这样的库通常已经处理了这些兼容性问题,可以简化开发过程。 考虑到IE6、7、8的`window.open()`方法有时会忽略`name`参数,我们可以用一个临时变量存储新窗口引用,以便后续操作。...

    jQuery表单插件ajaxForm实例详解

    jQuery的ajaxForm插件是一个非常实用的工具,用于简化HTML表单的数据提交和处理过程,特别是...在使用过程中,注意兼容性问题,尤其是与文件上传相关的兼容性,以及根据实际项目需求选择合适的请求模式(同步或异步)。

    jquery实现图片上传之前预览的方法

    综上所述,使用jQuery实现图片上传预览涉及到的关键知识点包括jQuery的扩展方法`fn.extend`、文件类型正则表达式验证、文件URL的创建以及不同浏览器环境下的兼容性处理。掌握这些知识点,开发者可以轻松地为网页添加...

    百度文件上传插件.zip

    除了事件监听,插件还提供了许多API方法,如`upload()`用于开始或继续上传,`cancel(file)`用于取消上传,`reset()`用于清空上传队列等,允许开发者在运行时动态控制上传行为。 6. **兼容性与性能** 由于依赖...

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

    此外,文件选择框的清空功能可以通过模拟用户操作实现,例如在点击“清除file框的内容”按钮时,选择文件,然后执行 `document.execCommand('Delete')` 命令来清除: ```html <input type="file" name="ttt"> (); ...

    javascript火爆教程推荐,1~3学会

    30. 清空表单文本字段的值:循环遍历并设置为空。 31. 更多关于DOM操作和事件处理的学习也很重要,例如`addEventListener`和`removeEventListener`等。 32. 引入外部JS文件:`<script type="text/javascript" src="...

    JS实现可视化文件上传

    `$(this).val('')`用于清空`<input>`的值,确保用户可以再次选择文件。 `getObjectURL`函数是关键,它根据不同的浏览器兼容性,使用`window.createObjectURL`,`window.URL.createObjectURL`或`window.webkitURL....

    基于zepto.js简单实现上传图片

    Zepto.js是专门为移动设备设计的一个类似jQuery的库,它提供了丰富的DOM操作和事件处理功能,适用于移动端的Web应用。 首先,我们需要创建HTML结构。如给出的部分代码所示,我们有一个包含图片展示区域的`<div>`(`...

Global site tag (gtag.js) - Google Analytics