タグ

ブックマーク / proto.sabi-an.com (1)

  • sabi 庵 - web engineering -

    プロトタイプファイルをブラウザにドラッグ&ドロップしてファイル情報を取得するサンプルです。 動きはシンプルなので「だから?」と感じられるかもしれませんが、、 通常ブラウザに画像をドロップすると、ブラウザがそのまま画像を表示します。してしまいます。 なので、CSS もかけられないし画像の操作もできません。それができちゃうというお話ですよ! まずは試作をご覧下さい。 試作へ 「ここに画像かテキストファイルをドロップしてください。」エリアに画像をドロップします。 複数ファイルを選択してもよいです。 画像であればサムネイルを表示します。ね、HTML の中に取り込めて、CSS も使えてる! テキストであれば内容を表示します。 これでファイル情報が取得できていることがわかると思います。 でも、「それって実際何に使うの?」と私自身もつまらなかったのでドロップしたファイルをサーバにア

  • 1