HTMLのdivタグ内にPDFのサムネイルを表示させたい

Question

前提・実現したいこと

inputタグで選択したPDFサムネイルをHTMLのページ内で表示をしたい

発生している問題・エラーメッセージ

srcでファイルリーダーで読み込んだものを参照するように設定したのですが反映されず困っています。
emb.srcの指定方法に問題があると思ってはいるのですがどうすれば選択したローカルファイルのサムネイルを表示できるのでしょうか

該当のソースコード

		<form>
			<input id="loadFile" type="file" accept=".jpg,.gif,.png,.bmp,.text,.txt,.pdf"><br>
			<div id="result"></div>
		</form>

var loadFile = document.getElementById('loadFile');
var result = document.getElementById('result');
var reader = new FileReader();

function loadLocalFile(e) {
	// ファイル情報を取得
	var fileData = e.target.files[0];
 
	// PDFファイル処理
	if (fileData.type.match('pdf.*')) {
		// ファイルの読み取りが完了
		reader.onload = function() {
			var emb = document.createElement('embed');
			emb.setAttribute('width', '500');
			emb.setAttribute('height', '700');
			emb.src = reader.result;
			result.appendChild(emb);
		}
		// ファイル読み込みを実行
		result.appendChild(fileData);
	}
}

Comments

[m.ts10806]

loadLocalFile()はどこから呼び出されているのでしょうか。

[退会済みユーザー]

回答ありがとうございます。
省いていますがこの下でid"loadLocalFile"を付け足したinputでファイルが参照されるたびに呼び出すように記述してあります。

[m.ts10806]

そこも含めてコード追記願えますか？きちんと再現確認する必要がありそうです

[退会済みユーザー]

返信ありがとうございます。
最後に書いてあるコードが間違えていたことが原因でした。
ありがとうございました。

[m.ts10806]

こちらは「質問への追記・修正の依頼」なので、
質問を編集して返すのが通例です。今後はそのように対応いただければと（解決後も編集は可能ですが、お任せします）

Answer 1

reader.readAsDataURL(fileData);

が無いからじゃないですか。

Comments

[退会済みユーザー]

回答ありがとうございます。
コードを見直すと下から三行目の記述が誤っていました。
kunai様の内容通りに修正したところ無事実装することができました。
ありがとうございました。