js清除HTML的input数据,js 清空 input file 的值的方法

今天在做一个利用 JS 上传本地图片的小功能时，需要在文件上传成功后，清空 file 类型的 input 元素中所选择的本地文件，以方便二次功能的调用！而这篇文章飞鸟慕鱼博客就来说一说，如果利用 js 来清空一个 file 类型 input 元素的值。

js 清空 input file 值的方法

方法1：

直接将 input file 的值改成空字符串;

点击我会清空上面 input 的值

function ac(){

// JS主要实现代码

var file = document.getElementById('file');

file.value = '';

}

方法2：

重新初始化元素的HTML

function ac(){

// JS主要实现代码

var file = document.getElementById('file');

// 这里与上面的示例不同

// 重新初始化了test的html

file.outerHTML = file.outerHTML;

}

jQ 清空 input file 值的方法

方法1：

把 input 的 dom 元素删除掉替换掉，类似上面的方法2，重新初始化元素的HTML$("#file").replaceWith('');

方法2：

清空 input file 的值，类似上面方法1

// 有人说这种直接赋值的方法不行，个人没有测试

$('#file').val('');

js清除HTML的input数据,js 清空 input file 的值的方法相关推荐

js title 单选框获取_js简单获取表单中单选按钮值的方法
本文实例讲述了js简单获取表单中单选按钮值的方法.分享给大家供大家参考,具体如下: HTML部分如下: bordercolor="#999999">回退类型: type=&q ...
js 模糊筛选筛选数组数据_jquery遍历数组与筛选数组的方法
grepgrep()方法用于数组元素过滤筛选 grep(array,callback,invert) array:待过滤数组; callback:处理数组中的每个元素,并过滤元素,该函数中包含两个参数 ...
web界面之表格显示的几点功能（包括js修改样式，ajax数据交互等）
实现功能:数据的套打功能前期工作:已经将要套打的样式按照固定位置,在HTML页面完全固定好,将数据传入就可以准确套打. 具体需求:将数据以excel文件上传,上传成功先进行数据的展示,然后再存入数据 ...
html5处理json数据,js解析json数组
js读取解析JSON类型数据 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 Jav ...
js文件上传以及js清空input file值
最近项目中遇到文件上传的案例, 之前涉及文件上传的较少, 今天针对js文件上传的案例做一个详细的教程,方便日后查阅! 本教程从原生JS, jQuery, 两处着手简单介绍文件上传案例 1.原生JS ...
JS/jQuery获取input的值和清空input的value值
一.获取input的值 1.通过普通选择器获取通过类选择器获取:$('.class').val() 通过id选择器获取:$(" #id").val() 2.通过标签选择器获取 $ ...
js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
使用JS清空fileupload 控件值
1.关于如何用脚本修改fileupload控件值的问题, 开发环境vs2005,在上传文件时,需要一个取消的按钮来清空type=file的value,而且这个页面上有多个file控件这个比较麻烦因为 ...
js如何实现动态显示表格数据（点奇数显示奇数单元格内容）
js如何实现动态显示表格数据(点奇数显示奇数单元格内容) 一.总结一句话总结: 1.动态指定表格中每个单元格的id,然后通过id可以获取每个单元格,然后对里面的innerHTML进行赋值. 2.弄了 ...

js清除HTML的input数据,js 清空 input file 的值的方法

js清除HTML的input数据,js 清空 input file 的值的方法相关推荐

最新文章

热门文章