mb_convert_encodingをajaxで使うと文字化けする

Question

###したいこと
CSVを読み込んで文字コードをutf-8に変換してテキストエリアの中に送りたいです。

###encode.js

//ダイアログでファイルが選択された時の処理
$('#selfile').bind('change', function(evt) {
//読み込んだファイルをテキストエリアに表示
	var reader = new FileReader();
	reader.readAsText(evt.target.files[0]);
	reader.onload = function(ev) {
		$.ajax({
			type: "POST",
			url: "encoder.php",
			data: { "page":reader.result }
		})
		.done
		(
			function(data){
				console.log(data);
				$('textarea[name=\"txt\"]').val(data);
			}
		);
	};
});

###encoder.php

<?php
	$str = mb_convert_encoding($_POST["page"],"utf-8","SJIS");
	echo $str;
?>

###現在の問題
このまま文字列を変換させようとしたら文字化けした状態でテキストエリアに入ってしまいます。
なんとか文字化けしないようにテキストエリアに入れる方法をご教授いただければと思います。
よろしくお願いします。
###$_POST["page"]をそのまま出力した場合
一枚目、環境の一部をSSした物

二枚目、コンソール画面に同じものを出力した結果をSSした物

###base64_encodeを試してみました
一枚目、環境の一部をSSした物

二枚目、コンソール画面に同じものを出力した結果をSSした物

###元のCSVデータの1~2行目

Comments

[masaya_ohashi]

mb_convert_encodingをかけずに、そのまま$_POST["page"]をechoしたらどのような結果になりますか？

[masaya_ohashi]

また、base64_encodeして返した場合どうなるかも試してみてください。そもそもajaxが送信する時点で文字コードがおかしくなる可能性も有ると思います。
http://php.net/manual/ja/function.base64-encode.php

[masaya_ohashi]

元データcsvの一行目だけでもテキストで貼り付けていただけますか？元データとbase64_encodeのデータを見比べて、元のデータのエンコードを知ることができます。

Answer 1

FileReaderで読み込む時にデフォルトのUTF-8として読み込まれてませんか？
CSVファイルのエンコーディングを指定して読み込んでみてください。

reader.readAsText(evt.target.files[0] , "Shift-JIS");

Comments

[Xylopone_2]

Shift-JISとして読み込んだ後、そのまま$_POST["page"]で返したらいけました、
ありがとうございました！

Answer 2

PHP、文字化けせずにCSVファイルを読み込み
WINで作成したCSV前提ですよね？
試してませんが、SJIS ではなく、sjis-win を使用するサンプルをよく見ます。
いかがでしょう？

Comments

[退会済みユーザー]

こちらの件とは直接関係なさそうでした＾＾；
一部の文字が化けるだけみたいです。
失礼しました。

[Xylopone_2]

sjis-win → utf-8でやってみたんですが、sjisでやった時と同じように
正しくエンコードされませんでした…

[退会済みユーザー]

そうですよね＾＾；
失礼。ただ、WIN作成のCSVなのであれば、一部の文字が化ける？表示されない？可能性があるので、SJIS-WINの方が良さ気です。
http://fdays.blogspot.jp/2011/03/php-sjis-sjis-win.html

[Xylopone_2]

いえいえ！ご協力本当に感謝しています！(`・ω・)ゝ

Answer 3

• php側にheader("Content-Type: text/plain; charset=UTF-8");を足すこと
• HTML側でheadタグ内に<meta charset="UTF-8">を追加すること
• HTMLはutf-8で保存されていることを確認すること

Comments

[Xylopone_2]

HTML側をいじることができない環境でして…
phpのヘッダーは追加したんですが、まだ直りそうにもありません…