`
floys1987
  • 浏览: 14678 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

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

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

    但是问题来了,其他浏览器都没啥问难题,直接reset form或者是触发type为reset的button的click事件就OK了,但是IE却奇葩了,IE中的File域无法清空,可能你看到的是已经没有值了,但是你可以打印出来看看就知道了: ...

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

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

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

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

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

    var pdfUrl = 'path/to/your/pdf/file.pdf'; var container = $('#pdf-container'); ``` 3. **加载PDF**:使用`PDFJS.getDocument`方法加载PDF文件。这个过程是异步的,因此我们需要处理回调函数。 ```javascript ...

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

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

    从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别

    在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: 【√】$(“#file”)[0].value = “”; 【√】$(“#file”)[0].value = null; 【×】$(“#file”).attr(“value”,””); 【×】$(“#file”)....

    jQuery Easyui datagrid/treegrid 清空数据

    在使用easyui的treegrid或datagrid的过程经常会有这样的场景,如:需要按不同的类型加载数据时,如果选择的分类下没有数据应该把上次展示的数据清空,以免引用歧义。下面给出两种方法供初学者参考:  方法一: var...

    jQuery实现用户评论留言代码

    `$('#comment-form').on('submit', function(event) {...})`监听表单的提交事件,当用户点击提交按钮时,阻止默认的表单提交行为,并获取表单字段的值。接着,我们创建一个新的HTML片段表示一条评论,将其添加到`#...

    jquery获取file表单选择文件的路径、名字、大小、类型

    以上内容展示了如何使用jQuery来处理HTML表单的file元素,以及如何获取用户选择的文件的相关信息。这些知识对于前端开发人员在处理文件上传等功能时具有很好的参考价值。希望本文的介绍能够对您有所帮助。如果有任何...

    jQuery实现二维码扫描功能

    在深入探讨jQuery实现二维码扫描功能的具体知识点之前,我们先来明确一下二维码的基本概念和原理。二维码是一种信息存储和传递的方式,它将信息通过特定的编码规则存储在一个规则的黑白相间图形中。每个二维码都包含...

    多文件上传jquery组件

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

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

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

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

    总结来说,在jQuery EasyUI的DataGrid组件中,清空结果集主要有两种方式:一是直接加载空数据集,二是通过遍历并删除所有行。前者更简洁高效,适用于大多数情况;后者则更灵活,可以在某些特定场景下使用。无论哪种...

    Jquery 基础教程2/3

    - `$(“selector”).empty()`:清空匹配元素内的子元素。 - `$(“selector”).html(“content”)`:设置或获取匹配元素的HTML内容。 - `$(“selector”).text(“content”)`:设置或获取匹配元素的纯文本内容。 - `$...

    JQuery图片上传预览

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

Global site tag (gtag.js) - Google Analytics