文件輸入字段更換

<input type="file" />

我可以用一個簡單的按鈕替換文件輸入字段（上圖）：文件輸入字段更換

<button type="submit">Upload</button>

文件輸入不能很好地融入設計，並且其樣式，是一個痛苦讓如果可以使用按鈕代替文件上傳，那也是跨瀏覽器兼容的，那真是太棒了！

謝謝！

2010-06-20 3zzy

1 - 您可以使用按鈕不會調用打開的對話框，您可以使用輸入文件只是顯示對話框字段或使用閃存組件。

2-您可以通過將輸入文件放置在「使用CSS」按鈕上並將此輸入文件設置爲透明以使其看起來像用戶正在單擊該按鈕，但事實上他正在單擊透明輸入文件。

2010-06-20 13:17:17

＃2將是完美的，我該怎麼做？我正在使用jQuery。謝謝！ – 3zzy 2010-06-20 13:30:35

你可以使用CSS來做到這一點，將按鈕的位置設置爲絕對，並使用z-index播放，並輸入文件不透明度。我會盡力爲你找到一個樣本來做到這一點。 – 2010-06-20 13:37:02

我在我的回答中放了一個樣本 – 2010-06-20 13:39:19

你可以用CSS和DOM的輸入類型的文件樣式

看到這個page

2010-06-20 12:53:26 Pentium10

不，我真的不想花時間造型吧。我正在尋找一種替代方法來使用單個按鈕，可能嗎？ – 3zzy 2010-06-20 13:04:39

據我所知，只能使用CSS來做到這一點。 AFAIK你不能用一個按鈕替換，特別是當你需要瀏覽器爲你顯示一個文件選擇器對話框時。 – Pentium10 2010-06-20 13:13:43

回答