javascript 清空 input file 的值的方法

秋天来啦!秋天来啦!田野里就是美丽的图画。花生躲在地下,包着红色的毛毯,住在土黄色的房间里睡大觉。玉米姐姐穿着绿色的裙子,在叶子上跳舞,南瓜爷爷鼓着金黄色的大肚子,坐着高级的南瓜车,一边看风景一边享受。西红柿露出火红火红的脸蛋,正对着我们微笑。谁使秋天这样美?看,田野里的菊花做出了回答,菊花顶着一个爆炸头,在微风中轻轻摇动,好像在说:是勤劳的人们画出了秋天的图画。

今天在做一个利用 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其它相关文章!

您可能有感兴趣的文章
JS获取鼠标点击时的位置

JS获取URL参数

Ajax跨域问题及解决方案(jsonp,cors)

ajax动态加载json数据并详细解析

ajax从JSP传递对象数组到后台的方法