1 回答

TA貢獻(xiàn)1795條經(jīng)驗 獲得超7個贊
您可以通過使用一個隱藏的輸入做到這一點type='file',用起來button和輸入type='text'。為了使按鈕處于活動狀態(tài),我們在按鈕的 處添加了一個觸發(fā)器onclick。onchange輸入type='file'我們觸發(fā)一個函數(shù)changeInput來改變輸入的內(nèi)容type='text'。
結(jié)果如下html:
<input type="text" id="filename" name="filename"><button onclick="document.getElementById('file').click();">Open</button>
<input id="file" type="file" name="file" style="display: none;" onchange="changeInput()" />
<script>
function changeInput(){
document.getElementById("filename").value = document.getElementById('file').value;
}
</script>
請注意,這html會將文件的完整路徑放入type='text'輸入中。保存新文件時,需要對編輯過的文件名進(jìn)行一些解析。
添加回答
舉報