input file的默認(rèn)value清空與賦值方法

更新時間：2010年09月20日 13:18:32 作者：

出于安全性考慮，JS是不能直接設(shè)置File的value值的，下面是我總結(jié)出來的方法

第1個方法是大多人傳統(tǒng)做法，替換HTML代碼，樓上的已經(jīng)用到了，我不過是用正則優(yōu)化一下;
第2個方法利用SendKeys模擬鍵盤操作，需要允許瀏覽器調(diào)用ActiveX才行；
第3個方法，有點(diǎn)像武俠小說里的"乾坤大挪移"一樣，呵呵，看看就知道了！

<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 onclick="clearMethod1();">清除大法1：李代桃僵</button><br> <button onclick="clearMethod2();">清除大法2：暗渡陳倉</button> <br><br><br><br><br><br><br> <input type="text" value=""/><input type="file" value="C:\abc.txt" onchange="this.previousSibling.value=this.value;" style="width:20"/><br><br> <button onclick="clearMethod3();">清除大法3：聲東擊西</button> </body> <html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

一打開就給FILE域默認(rèn)值的方法

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

input
file

相關(guān)文章

JS中的進(jìn)程和線程詳解
進(jìn)程和線程都是計算機(jī)中的概念，用于描述程序執(zhí)行時的運(yùn)行單位。在 JavaScript 中，進(jìn)程和線程的概念并不是直接暴露給開發(fā)者的，而是通過瀏覽器或 Node.js 等執(zhí)行環(huán)境來實現(xiàn)的，文中介紹的非常詳細(xì)，感興趣的同學(xué)可以閱讀一下
2023-04-04
JS原型和原型鏈原理與用法實例詳解
這篇文章主要介紹了JS原型和原型鏈原理與用法,結(jié)合實例形式詳細(xì)分析了js原型和原型鏈概念、原理、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
2020-02-02
JavaScript第一個分水嶺之?dāng)?shù)組的基本操作
Arrays(數(shù)組) 數(shù)組是一個固定長度的存儲相同數(shù)據(jù)類型的數(shù)據(jù)結(jié)構(gòu),數(shù)組中的元素被存儲在一段連續(xù)的內(nèi)存空間中,下面這篇文章主要給大家介紹了關(guān)于JavaScript第一個分水嶺之?dāng)?shù)組的基本操作,需要的朋友可以參考下
2022-04-04
Bootstrap每天必學(xué)之進(jìn)度條
Bootstrap每天必學(xué)之進(jìn)度條，對Bootstrap進(jìn)度條小編也了解的很少，希望通過這篇文章和大家更多的去學(xué)習(xí)Bootstrap進(jìn)度條，從中得到收獲。
2015-11-11
一個js封裝的不錯的選項卡效果代碼
在論壇里經(jīng)?？吹饺藛栠x項卡或者類似選項卡的切換效果這里封裝了個js，希望對大家有用所有代碼都在下面了如果有錯誤或者建議，可以回貼告訴我，謝謝
2008-02-02
xmlplus組件設(shè)計系列之列表（4）
xmlplus 是一個JavaScript框架，用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設(shè)計系列之列表，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
JavaScript中子對象訪問父對象的方式詳解
js中雖然沒有傳統(tǒng)面向?qū)ο蟮木幊陶Z言里子類訪問父類的特殊語法，但是我們可以根據(jù)需要造一個，接下來本文給大家分享在JavaScript中子對象訪問父對象的方式,需要的朋友可以參考下
2016-09-09
JS實現(xiàn)關(guān)閉當(dāng)前頁而不彈出提示框的方法
這篇文章主要介紹了JS實現(xiàn)關(guān)閉當(dāng)前頁而不彈出提示框的方法,結(jié)合實例形式分析了JS操作頁面的打開、關(guān)閉及父頁面的關(guān)閉技巧,需要的朋友可以參考下
2016-06-06
如何實現(xiàn)iframe父子傳參通信
這篇文章主要介紹了如何實現(xiàn)iframe父子傳參通信，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
微信小程序外賣選購頁實現(xiàn)切換分類與數(shù)量加減功能案例
這篇文章主要介紹了微信小程序外賣選購頁實現(xiàn)切換分類與數(shù)量加減功能,結(jié)合具體實例形式分析了微信小程序狀態(tài)記錄、判定及數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01