?

github： https://github.com/zhangkaitao/bootstrap-file-input

?

為bootstrap提供統一的 文件上傳 按鈕

試用了幾個類似的，不能滿足需求，干脆自己寫一個。
思路是：利用label完成輔助點擊file框，并把file框設置為透明即可，非常簡單
可完美解決在ie中的“訪問限制”問題（即必須是用戶點擊才能進行 文件上傳 ），且無位置偏移問題。

使用方式

導入js和css即可，會自動查找file標簽執行初始化

      
        <script src="./js/bootstrap.file-input.js"></script>
<link href="./css/bootstrap.file-input.css" rel="stylesheet">

      
    

效果

其他參考：

1、 http://gregpike.net/demos/bootstrap-file-input/demo.html
確點：ie8（其他版本未測試）下，可能在使用過程中input位置有偏差
2、 http://addyosmani.github.com/jquery-ui-bootstrap/extra.html#file-input
這個是jquery-ui-bootstrap的參考示例，確點也是ie的限制

所以大家可以根據我的思路改寫這兩個。

?

github： https://github.com/zhangkaitao/bootstrap-file-input