前提・実現したいこと
inputタグで選択したPDFサムネイルをHTMLのページ内で表示をしたい
発生している問題・エラーメッセージ
srcでファイルリーダーで読み込んだものを参照するように設定したのですが反映されず困っています。
emb.srcの指定方法に問題があると思ってはいるのですがどうすれば選択したローカルファイルのサムネイルを表示できるのでしょうか
該当のソースコード
HTML
1 2 <form> 3 <input id="loadFile" type="file" accept=".jpg,.gif,.png,.bmp,.text,.txt,.pdf"><br> 4 <div id="result"></div> 5 </form>
JavaScript
1var loadFile = document.getElementById('loadFile'); 2var result = document.getElementById('result'); 3var reader = new FileReader(); 4 5function loadLocalFile(e) { 6 // ファイル情報を取得 7 var fileData = e.target.files[0]; 8 9 // PDFファイル処理 10 if (fileData.type.match('pdf.*')) { 11 // ファイルの読み取りが完了 12 reader.onload = function() { 13 var emb = document.createElement('embed'); 14 emb.setAttribute('width', '500'); 15 emb.setAttribute('height', '700'); 16 emb.src = reader.result; 17 result.appendChild(emb); 18 } 19 // ファイル読み込みを実行 20 result.appendChild(fileData); 21 } 22} 23 24
回答1件
あなたの回答
tips
プレビュー