js清空input类型为type的文件框的内容

用到了文件域，在选择文件后想要清空文件的内容，在网上找了好久都是有以下几种说法，但是试了都没有用：

文件域如下：

第一种:
var obj = document.getElementById('fileupload') ;
obj.select();
document.selection.clear();

第二种：
var obj = document.getElementById('fileupload') ;
obj.outerHTML=obj.outerHTML;

第三种：

var file = $("fileupload")
file.after(file.clone().val(""));
file.remove();

以上几种方法试了后都没有效果，有看到网上说要可以重新构造文件域，这样就能清空文件内容了。因此用了如下方法：

$file =$(‘#fileupload‘);

$file.remove();
$('#fileSpan').append("<input type='file' id='fileupload' ' name='file' οnchange='onSelectFile(this)'>");

在把当前的文件域删除了再重新构造文件域，这样就能真正清空文本内容了，chrome和IE浏览器都可以支持

js清空input类型为type的文件框的内容相关推荐

js清除HTML的input数据,js 清空 input file 的值的方法
今天在做一个利用 JS 上传本地图片的小功能时,需要在文件上传成功后,清空 file 类型的 input 元素中所选择的本地文件,以方便二次功能的调用!而这篇文章飞鸟慕鱼博客就来说一说,如果利用 js ...
js文件上传以及js清空input file值
最近项目中遇到文件上传的案例, 之前涉及文件上传的较少, 今天针对js文件上传的案例做一个详细的教程,方便日后查阅! 本教程从原生JS, jQuery, 两处着手简单介绍文件上传案例 1.原生JS ...
清空input file中的值
清空input file中的值对于input type为file元素: 未选择文件之前,它是这个样子: 当选择文件名为index.html的文件后,它变成了这个样子,input元素会显示文件名信息: ...
js/jquery 获取本地文件的文件路劲获取input框中type=‘file’ 中的文件路径(转载)...
原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲获取input框中type=' ...
清空input的type为file时的值
本次需求如下: <el-formref="form"><el-form-item><input ref="selectFile"t ...
JS/jQuery获取input的值和清空input的value值
一.获取input的值 1.通过普通选择器获取通过类选择器获取:$('.class').val() 通过id选择器获取:$(" #id").val() 2.通过标签选择器获取 $ ...
js合并两个数组中同一类型的type对象
// js合并两个数组中同一类型的type对象 // 接口返回的数据格式 [{dayAt: "2023-01-11"lastAt: "2023-01-11 14:36:3 ...
用加号图标代替input type=file实现添加文件，清空input file
效果图如上,通过点击该加号图片可以实现input选择文件,原理即在该图片上面写了个input隐藏,在图片点击事件中添加input的模拟点击. <input class="mui-hid ...
input元素所有type类型及相关作用
随着HTML5的出现,input表单元素新增了多种输入控件,用以接受各种类型的用户输入.其中text.password.radio.checkbox.button.submit.reset.imag ...

js清空input类型为type的文件框的内容

js清空input类型为type的文件框的内容相关推荐

最新文章

热门文章