LogoMark.png

FileAPI のバックアップ(No.1)


FileAPI

ローカルファイルの利用

閲覧者の手元(ローカル)にあるファイルをページ上に反映させるサンプルです。このサンプルでは、DropHere の部分に手元の画像(JPEG)をドラッグ&ドロップすると、その画像を表示するとともに、ファイル名・ファイルサイズの情報を表示します。

サンプル

HTML


CSS


JavaScript