今天網(wǎng)站測(cè)試遇到一個(gè)問題，就是網(wǎng)站上的<input type="file" />顯示的是按鈕上的文字全是中文（"瀏覽"），而整個(gè)網(wǎng)站本身是全英文，很不和諧，很礙眼。懌飛（Blank）欲除之而后快——
解決方法：
方法一：使用英文Windows系統(tǒng)（這個(gè)不太現(xiàn)實(shí)，全是廢話，不要扔我雞蛋?。?br>
方法二：隱藏<input type="file" /> ，自己寫一個(gè)按鈕，加上onclick事件，觸發(fā) file文件域。
詳細(xì)講解下方法二：模擬自定義的效果
1、頁面上放個(gè)隱藏的<input type=“file” />
2、然后加上一個(gè)文本input（type="text"）和一個(gè)按鈕input（type="button"）
3、點(diǎn)按鈕的時(shí)候調(diào)用<input type=file />的click選擇文件
4、在<input type=file />的onchange事件中把其值顯示在文本input中
5、注意把文本input設(shè)置成只讀的，防止出錯(cuò)
代碼如下：
<form name=formen>
<input type="file" name="picpath" id="picpath" style="display:none" onChange="document.formen.path.value=this.value">
<input name="path" readonly>
<input type="button" value="Browse" onclick="document.formen.picpath.click()">
</form>
2007年2月27日補(bǔ)充說明：今天在
藍(lán)色論壇看到
《更改文件上傳框的樣式》一文，才發(fā)現(xiàn)上面的模擬并不能達(dá)到真正的效果。
Quote:
點(diǎn)擊"上傳文件"按鈕后再提交表單，可以看到，真正的上傳框的內(nèi)容被清空了，意思就是說，這樣模擬出來的上傳框沒有任何意義，因?yàn)闆]辦法上傳文件。
之所以是這個(gè)結(jié)果，估計(jì)是因?yàn)槲④洺鲇诎踩矫娴目紤]，只有當(dāng)鼠標(biāo)真正單擊在上傳控件的按鈕上瀏覽到的文件才可以上傳(否則，只要你進(jìn)入我的頁面，我就可以隨心所欲的得到你的私密文件)。
提出了用腳本來解決的方法：
<script>
function fclick(obj){
with(obj){
style.posTop=event.srcElement.offsetTop //設(shè)置透明上傳框的Y坐標(biāo)跟模擬按鈕的Y坐標(biāo)對(duì)齊
style.posLeft=event.x-offsetWidth/2 //設(shè)置透明上傳框的X坐標(biāo)為鼠標(biāo)在X軸上的坐標(biāo)加上它的寬的一半(確保點(diǎn)擊時(shí)能點(diǎn)中透明上傳框的按鈕控件)，這里只是提供一種思路，其實(shí)還可以更精確的控制它的X坐標(biāo)范圍
}
}
</script>
或者精確X：
<script>
function fclick(obj){
with(obj){
style.posTop=event.srcElement.offsetTop //設(shè)置透明上傳框的Y坐標(biāo)跟模擬按鈕的Y坐標(biāo)對(duì)齊
var x=event.x-offsetWidth/2
if(x<event.srcElement.offsetLeft)x=event.srcElement.offsetLeft
if(x>event.srcElement.offsetLeft+event.srcElement.offsetWidth-offsetWidth)x=event.srcElement.offsetLeft+event.srcElement.offsetWidth-offsetWidth
style.posLeft=x }
}
</script>
file也作了相應(yīng)的修改，改成絕對(duì)位置和隱藏光標(biāo)：
<input type="file" name="picpath" id="picpath" style="position:absolute;filter:alpha(opacity=0);width:30px;" onChange="document.formen.path.value=this.value" hidefocus=“hidefocus”>
