Bootstrap FileInputで日本語の文字が表示されない

今の案件でBootstrap FileInputを使っていますが、日本語(2byte文字)が含まれるファイルを選択した場合ファイル名から日本語部分が消えるという現象が発生しました。

https://github.com/kartik-v/bootstrap-fileinput/blob/master/js/fileinput.js#L496
ここを見る限りslugCallbackというメソッドを宣言時のoptionに渡してあげるといけそうです。

すいません。coffeescriptです。

1
2
3
4
5
6
7
8
9
10
11

$('.upload_file').fileinput
  showPreview: false
  maxFileCount: 1
  browseClass: 'btn btn-info fileinput-browse-button'
  browseIcon: ''
  browseLabel: ' ファイル選択'
  showRemove: false
  showUpload: false
  slugCallback:
    (text)->
      text.split(/(\\|\/)/g).pop()

これで日本語も表示できるようになりました。
完成イメージ

Comments