Javascriptでファイルアップロード時に選択ファイル名を表示する

高瀬 裕介 242views 更新:2015年6月22日
<script type="text/javascript">
    $(document).on('change', '#bac
(document).on('change', '#file', function() {
var input = $(this),
                numFiles = input.get(0).files ? input.get(0).files.length : 1,
                label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
        $('#file_label').val(label);
    });
</script>

<input id="file" name="file" type="file">
<input id="file_label" name="file_label" type="text" readonly="">

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません