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

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

一个新手
發布: 2017-09-08 13:08:18
原創
4376 人瀏覽過


由於安全機制的問題,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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板