?
github: https://github.com/zhangkaitao/bootstrap-file-input
?
為bootstrap提供統(tǒng)一的 文件上傳 按鈕
試用了幾個類似的,不能滿足需求,干脆自己寫一個。
思路是:利用label完成輔助點擊file框,并把file框設(shè)置為透明即可,非常簡單
可完美解決在ie中的“訪問限制”問題(即必須是用戶點擊才能進行
文件上傳
),且無位置偏移問題。
使用方式
導(dǎo)入js和css即可,會自動查找file標簽執(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
確點:ie8(其他版本未測試)下,可能在使用過程中input位置有偏差
2、
http://addyosmani.github.com/jquery-ui-bootstrap/extra.html#file-input
這個是jquery-ui-bootstrap的參考示例,確點也是ie的限制
所以大家可以根據(jù)我的思路改寫這兩個。
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
