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

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

一个新手
一个新手原創
2017-09-08 13:08:184323瀏覽


由於安全機制的問題,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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn