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

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

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


由於安全機制的問題,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
最新問題
javascript - input框相關問題
來自於 1970-01-01 08:00:00
0
0
0
No input file specified.這個咋解決
來自於 1970-01-01 08:00:00
0
0
0
javascript - 讓input自動延伸?
來自於 1970-01-01 08:00:00
0
0
0
No input file specified.開啟頁面就這樣
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板