読者になるソフトウェア開発者の日常こだわりなく書きたいことを書いていきます。ファイルアップロードのインターフェースは、どんなインターフェースがいいのか?この広告は、90日以上更新していないブログに表示しています。2020-05-22ファイルアップロードのインターフェースは、どんなインターフェースがいいのか?仕事Webシステムの開発において、ファイルのアップロードが必要になりました。ファイルを選択してアップロードする方法は、これまで何度も使ったことがあります。今回は、初めてドラッグ&ドロップでファイルをアップロードする方法を採用しました。ドラッグ&ドロップでファイルをアップロードする方法は、他のシステムで使ったことがあり、使い勝手はわかっていたつもりです。実装のために、実装方法を調べていて、気づきがありました。APIを使わなくても、ドラッグ&ドロップでファイルのアップロードができるという点です。APIを使わないと、ドラッグ&ドロップでファイルのアップロードはできないと思っていました。次に気がついた点は、ファイルをアップロードする処理に、JavaScriptが必要な点です。APIを使えばできて、全てお任せで済ませられると思い込んでいました。JavaScriptを適切に記述していないで、画像ファイルをドロップすると、ファイルが開いてしまいました。ファイルをドラッグ&ドロップすると、自動でアップロードするのも、使い勝手がいいのかという点も気になりました。万が一ファイルを選び間違えていても、自動でアップロードされてしまうのであれば、削除の機能も必要になります。今回は削除の機能まで提供する予定がなかったので、自動でアップロードではなく、登録ボタンを押したらアップロードする方式にしました。これまで、ドラッグ&ドロップでファイルをアップロードする方法を実装した経験がなかったため、色々知らない点がありました。今回新たな学びにつながりました。仕事で実装の前に、興味がある技術があったら試してみる時間を確保できるよう、行動を変えていきたいです。20:40Tweet広告を非表示にする関連記事2018-08-251週間の振り返り(2018/8/18〜2018/8/24)誕生日ケーキ代わりに食べました。複数ファイルのアップロードのコードを以前書きました。»プロフィールid:AJYAこだわりなく書きたいことを書いていきます。12リンクヘルプはてなブログお知らせはてなブログをはじめよう!AJYAさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。