- 2022.01.25
【JavaScript】文字コードをS-JISとしてダウンロード
文字列をaタグを使ってダウンロードする際に文字コードをs-jisにしたかったのですが、utf-8になってしまい困ったので記載しておきます。 対応方法 早速ですが対応方法を記載します。 初めに「encoding.js」というライブラリを読み込みます。CDNが用意されているので以下のように読み込みます。 次に以下のように記載し、文字コードを変更します。 そして、作成したblobをaタグに指定してダウン […]
javascript
- 2021.07.18
javascriptでhtmlをpdf化【jsPDF】
webページをpdf化し、ダウンロードする方法を調べたところjsPDFというライブラリがあったので紹介します。 使い方 1. ライブラリを配置 jsPDFを取得します。こちらから取得できます。 gitコマンドでcloneしてもいいですが、code→Download zipでも取得できます 次に取得したコードの中から「dist/jspdf.umd.js」と「dist/jspdf.umd.js.map […]
- 2021.01.27
inputタグでのファイルアップロードでファイル追加アップロードを可能にする方法
htmlでは複数ファイルのアップロードは下記のようなコードで実現することができます。 しかし、これでは一度アップロードを完了し、もう一度アップロードボタンを押すと、一度目にアップロードしていたファイルは消えてしまいます。 以下のような形です ・1回目のアップロード後の状態 ファイルを2つアップロードします。 ・2回目のアップロード後の状態 2回目では、ファイルを3つアップロードします。 これを１回 […]
- 2021.01.27
inputタグのtype=fileでアップロードしたファイルをすぐにダウンロードできるようにする方法
htmlではinputタグでtypeをfile指定することでファイルをアップロードすることができます。 このアップロードしたファイル名をアップロード後画面に表示し、ファイル名をクリックするとダウンロードできるようにする方法を本記事では記載します。 サンプルの完成形 完成後、ブラウザ画面 以下のようにアップロードしたファイル名が表示され、ファイル名にリンクがついています。 このリンクをクリックすると […]
- 2020.12.28
項目名で検索できるプルダウンの作成
プルダウンはselectタグで構築できますが、項目の量がおおくなると目的の項目を見つけるのが大変になります。 そんな時、項目名の一部で項目を検索できたらいいなと思うことはないでしょうか？ そんな時はJQuery Searchable Dropdown というプラグインが便利です。 JQuery Searchable Dropdown 検索できるように通常のドロップダウン (選択) の要素を拡張する […]