[Rust] Yewでドラッグ&ドロップアップロード

May 16, 2022

なぜYew?

Dioxusでやりたかったんだけど、このあたりでイベントが変換されていて、web-sysのイベントが直接触れないので現段階では厳しそうに見えた。 (data_transferとかがとれない)

Dioxusはマルチプラットフォームなフレームワークなので、web-sysとは疎結合にしたいのでこういう変換をはさんでいるという理解。 (https://dioxuslabs.com/guide/

いずれは対応されるでしょう。

できたもの

こんな感じでドラッグ&ドロップしたら画像を読み込んで表示するHTML5ブーム時代のようなサンプルです。

以下で動いています。

https://yew-dnd-upload.tnantoka.com/

コード

https://github.com/tnantoka/yew-dnd-upload/