ホーム > HTMLサンプル

2013/11-2018/05/02

JavaScript ファイル処理 FileAPI

HTML5 の FileAPI は古いブラウザでは動作しないので注意。 IE8、IE9 では動きません。

目次
  1. input type="file"
  2. ファイルを読む
  3. ファイルを保存する
  4. その他いろいろ

input type="file"

input type="file" はファイル選択のダイアログを表示するときに使用します。

Chrome60 で実行した例
TestJS_fileapi_debug_node01.html
ファイルのプロパティを表示。

ファイルを読む

ファイルを保存する

Webブラウザ上で動いてる制約があるのでファイルの保存は難しい。

TestHTML_canvas_mouse_event01...
マウスイベント処理。簡単なお絵かき。
画像をローカルに保存する処理を追加。
canvas タグ
マウスイベント処理

その他いろいろ

目次
gorogoronyan@gmail.com
inserted by FC2 system