先日、PHPとjavascriptのエンコードについて質問をしました。 http://oshiete.goo.ne.jp/qa/8512040.html その後いろいろと試してみたところ、javascript上で日本語の文字列に対してbase64_encodeをして、 base64_decodeをすると文字化けが起こりました。ソースは以下の通りです。サンプル変換後の文字列:"+decode_str); // --> base64.jsは以下のサイトのものを使用しています。 http://www.onicos.com/staff/iz/amuse/javascript/expert/ 結果は以下の通りです。元の文字列:abcde12345あいうえお変換後の文字列:abcde12345BDFHJ 文字コードはUTF-8を使用しているのですが、他の文字コードで試してみても文字化けします。原因や対処方法がおわかりの方がいらっしゃれば、教えて下さい。よろしくお願いします。

結局、PHPは関係ないということは分かったのですね。はいはい、なるほど…。説明は省きますが、そのサイトから「utf.js」もDLし、以下の様に修正すればいいでしょう。それだけの事です。 …という感じで、抽象的な質問をするより具体的なソースを張ったほうが解決は早いですよ。サンプル str = "abcde12345あいうえお"; encode_str = base64encode(utf16to8(str)); decode_str = utf8to16(base64decode(encode_str)); document.write("元の文字列:" + str + " 変換後の文字列:" + decode_str);

base64encodeでの文字化けについて

解決済

質問者：tomtomoo
質問日時：2014/03/17 11:56
回答数：4件

先日、PHPとjavascriptのエンコードについて質問をしました。
http://oshiete.goo.ne.jp/qa/8512040.html

その後いろいろと試してみたところ、javascript上で
日本語の文字列に対してbase64_encodeをして、
base64_decodeをすると文字化けが起こりました。
ソースは以下の通りです。

<html>
<head>
<title>サンプル</title>
<script type="text/JavaScript" src="base64.js"></script>
</head>
<body>
<script type="text/javascript">

</script>
</body>
</html>

base64.jsは以下のサイトのものを使用しています。
http://www.onicos.com/staff/iz/amuse/javascript/ …

結果は以下の通りです。

元の文字列:abcde12345あいうえお
変換後の文字列:abcde12345BDFHJ

文字コードはUTF-8を使用しているのですが、他の文字コードで
試してみても文字化けします。
原因や対処方法がおわかりの方がいらっしゃれば、教えて下さい。
よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： taloo
回答日時：2014/03/17 21:07

バイナリデータではなく文字列ですか。

IE10以上なら、JavaScript組み込み関数にbtoa()、atob()というBASE64変換する関数（メソッド）がありますよ。
https://developer.mozilla.org/ja/docs/Web/API/wi …

JavaScriptでUnicode文字列をBASE64に変換する場合は、概ね他のエンコード方式で変換してから改めてBASE64にしなければなりません。
たぶんJavaScriptの文字列はバイト単位ではなく、1文字ずつの扱いだから変換できないんでしょう。

MDNではencodeURIComponentとescapeの両方を使っていますが、片方だけで良いと思います。

この回答への補足

最初の質問との関連がわかりづらくてすみません。
最終的な目的はバイナリのエンコード、デコードです。

前回の回答を参考にして作成ミスなどを疑い、原因の
切り分けをしていたのですが、その中でjavascriptで
日本語をエンコード、デコードして元の文字列に
戻らなかったので、疑問に思って今回の質問をさせて
いただきました。
前回にひきつづき、わかりやすい回答をしていただき
大変助かりました。ありがとうございました。

補足日時：2014/03/18 10:03

通報する

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。

通報する

お礼日時：2014/03/18 09:49

No.3

回答者： pringlez
回答日時：2014/03/17 16:33

結局、PHPは関係ないということは分かったのですね。

はいはい、なるほど…。

説明は省きますが、そのサイトから「utf.js」もDLし、
以下の様に修正すればいいでしょう。それだけの事です。

…という感じで、抽象的な質問をするより
具体的なソースを張ったほうが解決は早いですよ。

<html>
<head>
<title>サンプル</title>
<script type="text/JavaScript" src="utf.js"></script>
<script type="text/JavaScript" src="base64.js"></script>
</head>
<body>
<script type="text/javascript">

str = "abcde12345あいうえお";
encode_str = base64encode(utf16to8(str));
decode_str = utf8to16(base64decode(encode_str));
document.write("元の文字列:" + str + "<br>変換後の文字列:" + decode_str);

</script>
</body>
</html>

この回答への補足

回答で書いていただいた処理でうまくいきました。
最初の質問に戻りますが、ＰＨＰでエンコードしてjavascriptで
デコードする場合も、同様にＰＨＰ側でUTF16からUTF8変換を
してからエンコードすると解決するということになるでしょうか。
また最終的な目的はバイナリデータをエンコード、デコードする
ことなので、バイナリでも同じようにいくかどうか、この辺りは
また試してみたいと思います。
いずれにしても大きなヒントになりました。ありがとうございました。

補足日時：2014/03/18 09:47

通報する

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。

通報する

お礼日時：2014/03/17 18:38

No.2

回答者： t_ohta
回答日時：2014/03/17 12:42

base64.js が日本語に対応できてないようですね。

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。
base64.jsでは日本語のエンコード、デコードは
できないということですね。残念です。

通報する

お礼日時：2014/03/17 14:13

No.1

回答者： chie65535
回答日時：2014/03/17 12:27

base64は無関係ですね。

＞変換後の文字列:abcde12345BDFHJ

UNICODEの第一バイトが落ちているように見えます。

あ：UNICODE 0x3042
B：UNICODE 0x0042

い：UNICODE 0x3044
D：UNICODE 0x0044

う：UNICODE 0x3046
F：UNICODE 0x0046

え：UNICODE 0x3048
H：UNICODE 0x0048

お：UNICODE 0x304A
J：UNICODE 0x004A