Bootstrapのファイルをアップロードするボタンを標準デザインのボタンにする - Qiita

bootstrapを使ってファイルをアップロードするフォームをつくるとき、デフォルトのボタンは小さくて、特にスマホでは表示する際に使いにくいと感じます こちらの投稿でBootstrap File Inputを使った方法が紹介されています。見た目だけでなく、機能も豊富で参考になります。 ただ今回はbootstrap標準デザインのボタンを使う方法を紹介します。 こちらを参考にしました。 標準の<input type＝"file"> まず標準の<input type＝"file">の確認です

[tohokuaiki]

“FileReader ”を使う。FileReaderはIE10以降で使える。そしてIE9は現時点でサポート終了（Windows Serverは除く）