如何使用JavaScript清除HTML文件输入?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (41)

如何使用JavaScript清除HTML文件输入?

提问于
用户回答回答于
用户回答回答于

使用javascript清除文件输入有三种方法:

  1. 将Value属性设置为空或空。适用于IE11+和其他现代浏览器。
  2. 创建一个新的文件输入元素并替换旧的。缺点是您将失去事件侦听器和扩张性属性。
  3. 通过form.reet()方法重置所有者表单。为了避免影响同一所有者窗体中的其他输入元素,我们可以创建一个新的空表单,并将文件输入元素追加到这个新窗体并重置它。这种方式适用于所有浏览器。

javascript函数

function clearInputFile(f){
    if(f.value){
        try{
            f.value = ''; //for IE11, latest Chrome/Firefox/Opera...
        }catch(err){ }
        if(f.value){ //for IE5 ~ IE10
            var form = document.createElement('form'),
                parentNode = f.parentNode, ref = f.nextSibling;
            form.appendChild(f);
            form.reset();
            parentNode.insertBefore(f,ref);
        }
    }
}

扫码关注云+社区

领取腾讯云代金券