首页 > web前端 > js教程 > 如何清空input中[type='file']的值

如何清空input中[type='file']的值

一个新手
发布: 2017-09-08 13:08:18
原创
4377 人浏览过


由于安全机制的问题,input[type=”file”]的值不能使用js进行修改,所以不能像其他表单元素那样进行重置。经过查阅资料后使用如下方法进行重置:

function resetInputFile(inputfile){
    if(inputfile[0].value){        
    try{
            inputfile[0].value="";
        }catch(error){
        }        
        if(inputfile[0].value){            
        var form = document.createElement('form');            
        var existingItem= inputfile.nextSibling;            
        var parent = inputfile.parentNode;  
            form.appendChild(inputfile);  
            form.reset();  
            parent.insertBefore(inputfile,existingItem);  
        }  
    }
}
登录后复制

经过验证ie下无法使用,原因是:ie不允许在不同的文档中移动元素,所以form.appendChild(inputfile);这里会报错程序无法执行

以上是如何清空input中[type='file']的值的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板