2012-03-28
_ 絵日記プラグインでファイルを Drag & Drop でアップロードできるようにしてみた
Safari や Chrome などの WebKit エンジンのブラウザは File フィールドにファイルをドラッグするとファイルダイアログから選択しなくてもファイルを指定できるので知っているとちょっと便利です.ただ,これだとドロップできるフィールドが小さくて使い勝手も悪く,またドロップできるのかどうかもわかりにくかったりします.
というわけで,tDiary の絵日記プラグインでは,もう少し分かりやすい形でドロップしてアップロードできるようにしてみました.
絵日記プラグインが有効になっている日記の編集画面でブラウザにファイルをドラッグすると,ファイルフィールドの部分に「ここにファイルをドロップ」と表示されたフィールドが現れます.Gmail のファイル添付に似た感じです.
この仕組みはページ遷移なしのアップロードを実現したときに利用した File API を利用しているので,非対応ブラウザではドッロプフィールドは表示されません.Chrome や Firefox,Safari などで利用可能です.