更新履歴

• [2022/03/07] 画像データの保存仕様を確認 (画像データのアップロードは未実装・確認のみ)
• [2022/02/09] キャンバスへの表示
• [2022/12/07] ファイルのドラッグ＆ドロップ

TODO

• TODO: ファイルのアップロード
• DONE: 複数ファイルのドラッグ対応
• DONE: canvas へ表示
• DONE: img タグへ表示

参考資料

• Mozilla: MDN Web Docs - File drag and drop
• HTML5 - Read files in JavaScript
• DataTransferItem API
• How to access the image data after dropping an image from the html-part of a webpage onto a canvas? (ドラッグ後の画像データ所得)
• HTML5 display images dropped in dropzone in img tag
• Drag and Drop into Fabric.js canvas
• FileAPI FileReader.readAsBinaryString

最終更新日: 2022/03/07