茨城県鹿嶋市・神栖市 ホームページ制作、デザイン スキル・バンク

皆さん、こんにちは。 スキル・バンク　ＳＥのＷ　です。 ブログでも何回かお伝えしておりますが、当社ではパソコン上で動くシステムの開発や、ウェブを使ったウェブシステムの開発を手がけています。 このブログも、自社で開発したブログ投稿システムを使っているのですが、今回ちょっとした問題が発生したのです。 このシステムを導入しているクライアントから「ブラウザに画像をドロップして、アップロードしたい」というリクエストがありました。 ファイルを選択ボタンを押して、いちいち画像ファイルを探して選ぶのは煩わしいという事なんですね。 確かにその通りなので、ドラッグ＆ドロップに対応しようとはしたのですが、これがなかなかややこしい。 ドロップしたファイルをそのままアップロードしてしまうと、ファイルが間違っていたとしてもやり直しがききません。 間違ったファイルはブログで使われることなく、そこにあるだけ、という状態になってしまうのです。 そこで、ドロップした画像を縮小表示して、ＯＫだったらアップロード、という仕様にして、JavaScritpというプログラムを使って実装をしました。 ブラウザでテストをして、無事ファイルのアップロードまで完了。 ところが、クライアントにテストをしてもらったところ、事件発生。 ドロップしても画像が出ない、もしくはドロップができない。。。 実は、ファイル選択ボタンへのドロップを、ieもedgeも禁止しているんですね。 私がテストしたのは、GoogleChromeとFirefox、Opera。 クライアントが使っているのが、ieとedge。 こんな落とし穴があるとは。。。 仕様として、対応ブラウザも十分調査・検討しないといけないな、と自戒の念を込めて、ここに残したいと思います。