表單中的input type=file在前端開發中經常會用到,但是很悲劇的是input type=file在各個瀏覽器下表現不統一,樣式很難起作用;那麼我們如何來處理這個問題呢,這就是我們今天討論的主要內容了關於type=file的input是啥?
這個是啥我覺得沒必要再說了,反正大家都知道,然後在現在有各種手機的時代,還可以通過直接拍照的方式來上傳,反正比以前好玩多了。
並且以前是只能上傳一個文件,現在的話,只要增加multiple屬性就可以上傳多個文件,並且還有很多的文件格式支持,廢話不多說,具體請看http://www.w3.org/html/ig/zh/wiki/HTML5/number-state#.E6.96.87.E4.BB.B6.E4.B8.8A.E4.BC.A0.E7.8A.B6.E6.80.81
上傳按鈕的樣式調整玩過CSS的人朋友都知道,在HTML元素中,表單控件元素的樣式修改是最痛苦的,很多控件的樣式是跟著系統主題來改變的,想要去修改的話,只能模擬來實現,尤其尤其是在IE瀏覽器中。
對於type=file這個上傳按鈕,曾經我們修改他的樣式,有人用過模擬的方式,但據說用模擬的方式有可能會出現什麼所謂的安全性問題,好吧,這對於我這樣的一個頁面仔,切圖仔而言,不懂,就算懂了也不知道怎麼去處理。那就不模擬吧……
可是不模擬的話,又要怎麼修改樣式呢?
圖片定位疊加方案之前的之前,我所知道的方法,其實大家也都知道的方法,就是通過將type=file這個上傳按鈕透明後,然後疊加在一個圖片上,這樣就可以讓人感覺是通過點擊上傳圖片後實現的,也不用看那個原生的上傳按鈕了。
複製代碼