LogoMark.png

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

#author("2021-05-27T15:31:08+09:00;1970-01-01T18:00:00+09:00","default:inoue.ko","inoue.ko")
*FileAPI
ローカルファイルの利用
~

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

***サンプル
-DEMO:https://koichi-inoue.github.io/FileAPI/
-CODE:https://github.com/koichi-inoue/FileAPI/
~

***HTML
#gistit(koichi-inoue/FileAPI/blob/main/index.html,,400)

~

***CSS
#gistit(koichi-inoue/FileAPI/blob/main/style.css,,400)
~

***JavaScript
#gistit(koichi-inoue/FileAPI/blob/main/script.js,,400)

~
~