input file的默认value清空与赋值方法
生活随笔
收集整理的這篇文章主要介紹了
input file的默认value清空与赋值方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
轉載鏈接：http://www.jb51.net/article/24872.htm
出于安全性考慮，JS是不能直接設置File的value值的，下面是我總結出來的方法 第1個方法是大多人傳統做法，替換HTML代碼，樓上的已經用到了，我不過是用正則優化一下;
第2個方法利用SendKeys模擬鍵盤操作，需要允許瀏覽器調用ActiveX才行；
一打開就給FILE域默認值的方法 <html> <head> <title>input file賦初值--Test by 編程浪子</title> <script> function getInitVal() { var objFile=document.getElementsByTagName('input')[0]; var WshShell=new ActiveXObject("WScript.Shell"); objFile.focus(); WshShell.SendKeys("C:\\abc.txt"); } </script> <head> <body οnlοad="getInitVal()"> <input type="file"/>(調到ActiveX) <br><br><br><br> <input type="text" value="C:\abc.txt"/><input type="file" style="width:20" οnchange="this.previousSibling.value=this.value;"/> (直接模擬) </body> <html>
出于安全性考慮，JS是不能直接設置File的value值的，下面是我總結出來的方法 第1個方法是大多人傳統做法，替換HTML代碼，樓上的已經用到了，我不過是用正則優化一下;
第2個方法利用SendKeys模擬鍵盤操作，需要允許瀏覽器調用ActiveX才行；
第3個方法，有點像武俠小說里的"乾坤大挪移"一樣，呵呵，看看就知道了！
<html> <head> <title>把input file類型的value清空--Test by 編程浪子</title> <script> function clearMethod1() { var objFile=document.getElementsByTagName('input')[0]; alert("\""+objFile.value+"\"已清除"); objFile.outerHTML=objFile.outerHTML.replace(/(value=\").+\"/i,"$1\""); } function clearMethod2() { var objFile=document.getElementsByTagName('input')[0]; alert("\""+objFile.value+"\"已清除"); var WshShell=new ActiveXObject("WScript.Shell"); objFile.focus(); objFile.createTextRange().select(); WshShell.SendKeys("{del}"); } function clearMethod3() { var objFile=document.getElementsByTagName('input')[1]; alert("\""+objFile.value+"\"已清除"); objFile.value=""; } </script> <head> <body> <input type="file" value="C:\abc.txt"/><br><br> <button οnclick="clearMethod1();">清除大法1：李代桃僵</button><br> <button οnclick="clearMethod2();">清除大法2：暗渡陳倉</button> <br><br><br><br><br><br><br> <input type="text" value=""/><input type="file" value="C:\abc.txt" οnchange="this.previousSibling.value=this.value;" style="width:20"/><br><br> <button οnclick="clearMethod3();">清除大法3：聲東擊西</button> </body> <html>一打開就給FILE域默認值的方法 <html> <head> <title>input file賦初值--Test by 編程浪子</title> <script> function getInitVal() { var objFile=document.getElementsByTagName('input')[0]; var WshShell=new ActiveXObject("WScript.Shell"); objFile.focus(); WshShell.SendKeys("C:\\abc.txt"); } </script> <head> <body οnlοad="getInitVal()"> <input type="file"/>(調到ActiveX) <br><br><br><br> <input type="text" value="C:\abc.txt"/><input type="file" style="width:20" οnchange="this.previousSibling.value=this.value;"/> (直接模擬) </body> <html>
總結
以上是生活随笔為你收集整理的input file的默认value清空与赋值方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 三菱PlC程序大型项目QCPU+QD77
- 下一篇： 交流电的有效值rms值_交流电路的功率三