`

jquery 清空file里的内容

 
阅读更多

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

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

$("#file_uploade").val("");
可是ie下这个就不起做用了
在ie下可以这样写
代码

  1. file = $("#file_uploade");   
  2. file.after(file.clone());   
  3. file.remove();  

file = $("#file_uploade"); file.after(file.clone()); file.remove();
这样做呢,ie下不会复制原来file里的值的,所以新建的是空的
而firefox下呢,是会把原来的值复制过来
所以呢最终适合ie和firefox的函数为
代码

  1. function resetFileInput(file){   
  2.     file.after(file.clone().val(""));   
  3.     file.remove();   
  4. }  

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

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

分享到:
评论

相关推荐

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

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

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

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

    jquery实现PDF在线预览 jquery实现在线预览PDF文档

    记得每次渲染新页面时清空画布,以避免上一页的内容影响当前页。 6. **添加翻页功能**:为了实现用户可以浏览不同页面,可以添加按钮或者监听键盘事件来触发页面切换。例如,创建“上一页”和“下一页”的按钮,并...

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

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

    jQuery实现用户评论留言代码

    HTML5提供了许多新的标签,如, , , 等,用于更好地组织页面内容。例如,我们可以创建一个来存放评论表单和已有的评论列表: ```html 评论区 姓名: 邮箱: 留言: <textarea id="message" required></...

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

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

    基于jQuery的多图上传预览代码

    点击事件处理可以通过jQuery的`.click()`方法来实现,删除图片时清空对应的`<img>`标签或者从数组中移除对应的File对象。 7. ECMAScript中的数组操作:在处理多图上传时,我们可能需要存储用户选择的所有图片,这...

    jQuery Easyui datagrid/treegrid 清空数据

    本文将详细探讨如何在使用jQuery Easyui的datagrid/treegrid时清空数据。 ### datagrid/treegrid清空数据的方法 在进行数据操作时,清空数据意味着需要移除grid中的所有行,以及与之相关的数据,这可以通过两种...

    jQuery实现二维码扫描功能

    接下来,我们将根据文件所提供的内容,详细介绍如何使用jQuery结合jquery.qrcode.min.js插件实现二维码的生成和扫描功能。首先,我们来看看jquery.qrcode.min.js插件的作用和用法。这个插件是一个轻量级的JavaScript...

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

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

    多文件上传jquery组件

    这通常通过移除对应的文件对象或者清空`<input type="file">`的值来实现。 8. **错误处理与反馈**: 需要处理各种可能出现的错误,比如网络中断、文件过大、服务器错误等。错误信息应清晰地反馈给用户,可以通过弹出...

    Jquery知识点总结

    - `empty()`:清空元素内部的内容。 ##### 获取和设置属性: - `attr(name)`:获取属性值。 - `attr(name, value)`:设置属性值。 - `removeAttr(name)`:移除属性。 ##### 操作样式: - `addClass(name)`:添加...

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

    可以使用jQuery的`keyup`或`input`事件监听文本框的变化,然后通过`val()`方法获取内容并计算字数,最后更新到页面的特定位置。 ```javascript $("#textarea").on("keyup", function() { var text = $(this).val()...

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

    // 在这里可以做一些预处理,比如清空旧的进度圈 }, uploadProgress: function(event, position, total, percentComplete) { // 绘制进度圈的逻辑,percentComplete是当前上传进度 }, success: function...

    JQuery图片上传预览

    由于题目指出仅支持单个图片上传,所以可以禁用文件输入元素的多选特性,或者在用户选择新文件时清空预览。 ```html <input type="file" id="fileInput" accept="image/*" /> ``` ```javascript $("#fileInput").on...

    Jquery下EasyUI组件中的DataGrid结果集清空方法

    这种方法简单直接,它告诉DataGrid当前没有数据需要显示,从而清空了表格内容。 另一种方法是通过遍历并删除DataGrid中的每一行数据。这个方法稍微复杂一些,需要获取DataGrid的所有行,然后逐一删除。以下是如何...

    Jquery 基础教程2/3

    ### Jquery基础教程第二部分详解 #### 一、前言 在上一部分的Jquery基础教程中,我们...以上就是本次Jquery基础教程第二部分的主要内容。希望对大家有所帮助,在后续的学习中能够更好地应用Jquery,提高工作效率。

Global site tag (gtag.js) - Google Analytics