###問題
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件
あなたの回答
tips
プレビュー