秋天来啦!秋天来啦!田野里就是美丽的图画。花生躲在地下,包着红色的毛毯,住在土黄色的房间里睡大觉。玉米姐姐穿着绿色的裙子,在叶子上跳舞,南瓜爷爷鼓着金黄色的大肚子,坐着高级的南瓜车,一边看风景一边享受。西红柿露出火红火红的脸蛋,正对着我们微笑。谁使秋天这样美?看,田野里的菊花做出了回答,菊花顶着一个爆炸头,在微风中轻轻摇动,好像在说:是勤劳的人们画出了秋天的图画。
今天在做一个利用 JS 上传本地图片的小功能时,需要在文件上传成功后,清空 file 类型的 input 元素中所选择的本地文件,以方便二次功能的调用!而这篇文章就来说一说,如果利用 js 来清空一个 file 类型 input 元素的值。
js 清空 input file 值的方法
方法1:
直接将 input file 的值改成空字符串;
<input type="file" id="file"> <button onclick="ac()">点击我会清空上面 input 的值</button> <script type="text/javascript"> function ac(){ // JS主要实现代码 var file = document.getElementById('file'); file.value = ''; } </script>
方法2:
重新初始化元素的HTML
<script type="text/javascript"> function ac(){ // JS主要实现代码 var file = document.getElementById('file'); // 这里与上面的示例不同 // 重新初始化了test的html file.outerHTML = file.outerHTML; } </script>
jQ 清空 input file 值的方法
方法1:
把 input 的 dom 元素删除掉替换掉,类似上面的方法2,重新初始化元素的HTML
$("#file").replaceWith('<input id="file" type="file"/>');
方法2:
清空 input file 的值,类似上面方法1
<script type="text/javascript"> // 有人说这种直接赋值的方法不行,个人没有测试 $('#file').val(''); </script>
以上就是javascript 清空 input file 的值的方法。其实我是想鼓起勇气告诉你,如果有一天你想结婚了,告诉我。我会毫不顾忌的跟你走,不在乎你说的什么奢求不奢求。哪怕你没有房,我们可以租,只要有你在我就觉得有安全感。没有车,我就上班挤公交。钱是可以挣的,而对的人,错过了,就再也没有了。而只要你开口,说你要娶我,我就铁了心的嫁。更多关于javascript 清空 input file 的值的方法请关注haodaima.com其它相关文章!