正如tittle所說,是否可以將<input type="file">
設置爲只顯示文本,如"Upload"
,而不顯示按鈕和目標文件:)輸入類型=「文件」是否可以將其設置爲只有文本,如「上傳」
我已經嘗試谷歌,但所有的答案都沒有削減它,唯一的答案,接近我想要的是完成與JavaScript div觸發器,將觸發(點擊)在輸入<input type="file">
,但因爲它是尖銳的那瀏覽器/手機會把它當作「攻擊」,並且不允許$ _POST!
正如tittle所說,是否可以將<input type="file">
設置爲只顯示文本,如"Upload"
,而不顯示按鈕和目標文件:)輸入類型=「文件」是否可以將其設置爲只有文本,如「上傳」
我已經嘗試谷歌,但所有的答案都沒有削減它,唯一的答案,接近我想要的是完成與JavaScript div觸發器,將觸發(點擊)在輸入<input type="file">
,但因爲它是尖銳的那瀏覽器/手機會把它當作「攻擊」,並且不允許$ _POST!
檢查此CustomInputFile使用Bootstrap其更容易定製。
你可以嘲笑輸入元素和事件偵聽器綁定到一個div或任何這樣做,你想用這樣的:
HTML:
<form>
<input type="file" id="upload"/>
<div id="button">Upload</div>
</form>
CSS:
#upload{
display: none;
}
#button{
display: inline-block;
cursor: pointer;
}
的JavaScript:
document.getElementById("button").addEventListener("click", function(){
document.getElementById("upload").click();
});
的jsfiddle: http://jsfiddle.net/12Lp66p2/
是差點我想要的是使用JavaScript的div觸發將觸發所做的唯一的答案(點擊)輸入但它指出,瀏覽器/手機會將此視爲「攻擊」,並且不會允許$ _POST! –
啊對不起,我誤解了這部分問題,但我會留下我的答案,因爲我的問題是與您的問題標題相關的答案 – simnys