第三回に引き続き、掲示板の作成を行っていきます。 今回は ドラッグアンドドロップによる画像ファイルの添付 を実装していきます。 目次 ~第一回 CRUDの実装~ ~第二回 paginate, ナビゲーションバーの実装~ ~第三回 画像投稿機能の実装~ ~第四回 ドラッグアンドドロップ(DnD)での画像添付 ~ やりたいこと ファイルをドロップエリアにDnDすると、ファイル選択状態に移行する その際、サムネイルを表示する ドロップエリアをクリックすることでも、ファイル選択を行うことができる 選択できるファイルは1つまで jpg, png, gif ファイルがアップロード可能 10M以下のファイルをアップロード可能 選択されたファイルを、他のフォーム(タイトル、名前、本文)と一緒にPOSTで送信する 以下の様なドロップエリアが完成します。 ファイルをドラッグしたままドロップエリアに侵入すると、
