よくスマホアプリのチャット画面にある、ファイル選択すると画像が表示されるやつを自前のウェブアプリで実装したくて、頑張ってみた。
codepen使って週末の集大成を公開したで誰かのお役にたてば。
See the Pen Insert PDF/Movie/Image preview <img> from <input type=’file’> to content editable <div> (Pug / TailwindCSS / Vanilla JS) by yasuhito kanayama (@knym) on CodePen.
PDFのプレビュー画像挿入で参考にしたのがこちら
https://mozilla.github.io/pdf.js/examples/index.html#interactive-examples
動画のプレビュー画像挿入はこちらが参考になった。
PDFもキャンバスもcanvasで画像を作るという流れ。
