🐙

色んな方法で画像アップロードできるようにしてみる

2023/06/20に公開

今回、

  • 画像のURLをペーストする
  • 画像データをペーストする
  • 画像ファイルをドラッグ&ドロップする

という、3種類のアップロード方式全てに対応したエディタというか、フォームを作成する機会があったのでシェア。

該当部分だけcode sandboxで実装すると、以下のようになります。
Paste an image URL or data, or drag & drop an image file here.のテキスト部分をクリックして、よしなにアップロードしてみてください。

Discussion