<input type="file">で指定したファイルを取得するのは、ev.target.filesで取得出来ます。複数選択することも可能なように出来るので、配列になっています。今回は1つだけです。 後はFileReaderを使って読み取って、Canvasに描画します。FileReaderのonloadでImageのsrc属性に取得したdataURLを設定する。ImageのonloadでcontextにdrawImageすればいいですね。 サンプルコードは次の通り。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>画像表示</title> </head> <body> <div id="wrapper"> <input type="file" name="file" id="file"> <div