圖片按鈕上傳文件CSS

Question

我想上傳文件作爲一個按鈕的圖像。圖像是一個正方形150x150。當我點擊正方形時，文件對話框應該打開。我該怎麼做呢？

Answer 1

看看A file input button for all browsers, is this possible? - 這是使用另一個按鈕元素，但它可以使用圖像。

Answer 2

無法對文件類型輸入進行樣式設置，但有一種解決方法，請參閱Quirks Mode documentation on this。

基本上，您將輸入完全透明並將圖像放置在下面。

Answer 3

此鏈接可能是有用的：http://www.filamentgroup.com/lab/jquery_custom_file_input_book_designing_with_progressive_enhancement/

它解釋瞭如何：

1. 添加 「backaground層」 與你自己的設計FIR領域。
2. 將「基本文件按鈕」的樣式更改爲透明並將其放在圖層上。

您還可以找到一些 「jQuery插件」 來互感器你形成場：

1. http://uniformjs.com/ - >統一

希望是你想要的。

又名。

Answer 4

您可以聲明輸入文件和圖像，然後隱藏「選擇文件」按鈕，在其上放置一個DIV。 div應該和背景一樣。

然後使用jquery和使用觸發的圖像鏈接到按鈕

的