Q&A
状況の再現が可能なHTML/JavaScriptを質問文に追記ください。
###問題
FileAPIのreadAsDataURLをつかいhtmlファイルを取得し、そのデータをiframeのsrc属性に指定して読み込ませましたが、その読み込まれたものを見ると、文字化けしていました。この場合どうすれば文字化けは治るのでしょうか？
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<script type="text/javascript" src="jquery-3.1.1.min.js"></script> 6<style> 7iframe{ 8 border-style:solid; 9 width:700px; 10 height:800px; 11} 12</style> 13</head> 14<body> 15 <iframe></iframe> 16 <input type="file" name="abc"> 17<script> 18$("input[name=abc]").change(function(e){ 19 var files=e.target.files; 20 var reader=new FileReader(); 21 reader.readAsDataURL(files[0]) 22 reader.onload=function(){ 23 var dataUrl=reader.result; 24 $("iframe").attr("src",dataUrl); 25 } 26}); 27</script> 28</body> 29</html> 30
回答1件
0
ベストアンサー
こちらの環境では読み込まれる方のHTMLをUTF-8（BOM付）で保存したらうまくいったように見えました。
追記
メモ帳の場合だと、名前をつけて保存＞UTF-8で保存すればBOM付きになるようです。
投稿2016/11/28 13:03
編集2016/11/28 14:01
総合スコア437
htmlをBOM付きにするにはどうすればいいのでしょうか？メモ帳やatomを開いてみましたが、どこを変えればいいかわかりません。
あなたの回答
tips
プレビュー
