umoriguのブログスマートフォン用の表示で見るumoriguのブログこの広告は、90日以上更新していないブログに表示しています。2012-06-10ChromeでエクスプローラからフォルダをD&DするHTMLWebページにフォルダをD&Dしたいと思って調べたのでメモを残しておく。type="file"にはエクスプローラからファイルをD&Dできる。すばらしいですねChrome。ファイル選択ダイアログを開くことはない。type="file"にフォルダを指定できるようだ。実際にはフォルダ内のファイルがすべて展開されて指定される。大量にファイルを含むフォルダを指定すると大変なことになるけどまぁそれはそれ。見た目を変える方法を探す。ここらをみるとCSSでinputを透明にして上に重ねるのがいいらしい。前後関係を指定するのがcssのz-index。positionでrelativeやabsoluteを駆使する。わからないのでそのまま使わせてらおう。height指定が効くらしい。これで特定の領域のどこでもDropを有効にできる。どこをクリックしてもフォルダ選択ダイアログが表示される。100px">あとはinputの下においたdivをデザインするとできあがり。APIで好きに操作できる。HTMLソースは次のようになった。class="fakefile">ここにフォルダをD&Dしてください</div></div></body></html>inputのbackground-colorやopacityの値を変えると動作がよくわかる。Uploadも見たけどどこを変えればいいかわからなかった。moduleを書きます。使うPukiWikiにTwitterアカウントでログイン月別アーカイブはてなブログをはじめよう!umoriguさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。