?

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

?

為bootstrap提供統(tǒng)一的 文件上傳 按鈕

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

使用方式

導(dǎo)入js和css即可，會(huì)自動(dòng)查找file標(biāo)簽執(zhí)行初始化

      
        <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
確點(diǎn)：ie8（其他版本未測試）下，可能在使用過程中input位置有偏差
2、 http://addyosmani.github.com/jquery-ui-bootstrap/extra.html#file-input
這個(gè)是jquery-ui-bootstrap的參考示例，確點(diǎn)也是ie的限制

所以大家可以根據(jù)我的思路改寫這兩個(gè)。

?

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