最近、フロントエンドとバックエンドの分離に基づいて Web アプリケーションを開発しているときに、かなり難しい問題に遭遇しました。フロントエンドが JavaScript を使用して画像を Base64 エンコードした後、画像がバックエンドの PHP に送信されます。デコード用のプログラムを実行すると、結果は文字化けしたコードになります。
多くの試みと調査を経て、いくつかの解決策を要約し、参考のために共有します。
まず、base64 エンコードとデコードの基本原理を理解しましょう。 Base64 は、64 文字を使用してバイナリ データを表現する方法です。データは 6 ビットのグループに分類されます。6 ビット値に基づいて、事前定義された文字セットから対応する文字が検索され、元のバイナリ データのバイトコードが置き換えられます。このようにして、あらゆるデータを印刷可能な ASCII 文字に変換して、簡単に送信したり保存したりできます。
JavaScript では、canvas オブジェクトの toDataURL() 関数を呼び出すことで、画像データを含む Base64 でエンコードされた文字列を生成できます。
var canvas = document.createElement('canvas'); canvas.width = 400; canvas.height = 300; var ctx = canvas.getContext('2d'); ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, 400, 300); var img = new Image(); img.src = './test.jpg'; img.onload = function() { ctx.drawImage(img, 0, 0, 400, 300); var dataURL = canvas.toDataURL('image/jpeg', 0.8); // 传输dataURL给后端进行base64解码 };
PHP では、base64_decode() 関数を使用できます。エンコードされた文字列は、さらなる操作のために生のバイナリ データにデコードされます。
しかし、実際に動作させてみると文字化けが発生することがありました。これはなぜでしょうか?
文字化けの原因は次のとおりです。
- base64 文字列には、data:image/jpeg;base64 などのプレフィックスと区切り文字が含まれているため、最初にこれらを削除する必要があります。
- base64 文字列には、/ などの URL エンコードされた文字が含まれており、デコードする前にデコードする必要があります。
- Magic_quotes_gpc オプションが PHP 設定でオンになっているため、一重引用符や二重引用符などの文字がエスケープされ、デコード中に問題が発生します。
- 送信プロセス中に、さまざまな理由 (中国語のエンコードの問題など) により、データの一部が変更され、それが Base64 デコードに影響を与えます。
解決策は次のとおりです。
- プレフィックスと区切り文字を削除します。
data:image/jpeg を文字列置換に置き換えることができます。 Base64、プレフィックスと区切り文字を削除し、デコードに Base64 文字列を直接使用します。
$data = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/…'; // base64编码的图片数据 $data = str_replace('data:image/jpeg;base64,', '', $data); $data = str_replace(' ', '+', $data); // 如果出现URL编码中的+,需要替换成空格。 $data = base64_decode($data);
- URL エンコードされた文字のデコード
urldecode() 関数を使用して URL エンコードされた文字をデコードし、base64_decode() を使用して Base64 デコードします。
$data = 'data:image/jpeg;base64,%2F9j%2F4AAQSk...'; // base64编码的图片数据 $data = urldecode($data); $data = base64_decode($data);
- magic_quotes_gpc オプションを無効にする
php.ini で magic_quotes を検索し、オフに設定し、php を再起動して有効にします。
magic_quotes_gpc = Off
- データ整合性チェック
フロントエンドとバックエンドでデータを送信するときに、データが変更されていないことを確認するためにデータの整合性をチェックできます。たとえば、md5() を使用して元のデータをダイジェストし、バックエンドに送信できます。その後、バックエンドは受信したバイナリ データをダイジェストし、2 つのダイジェスト値を比較します。それらが同じであれば、データは変更されておらず、デコード操作を実行できます。
まとめ:
以上は、phpのbase64デコードで文字化けが発生する問題を解決する際に、私がまとめた解決策ですので、実際の状況に応じて選択して試してみてください。 Web開発をする上で、問題に遭遇しても恐れず、もっと試し、もっと情報を調べれば、必ず解決策が見つかると信じています。
以上がPHPのbase64エンコードが文字化けした場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

この記事では、酸とベースのデータベースモデルを比較し、その特性と適切なユースケースを詳述しています。酸は、財務およびeコマースアプリケーションに適したデータの整合性と一貫性を優先し、ベースは可用性に焦点を当て、

この記事では、コードインジェクションのような脆弱性を防ぐために、PHPファイルのアップロードを確保することについて説明します。ファイルタイプの検証、セキュアストレージ、およびアプリケーションセキュリティを強化するエラー処理に焦点を当てています。

記事では、組み込み関数、ホワイトリストアプローチ、サーバー側の検証などの手法に焦点を当てたセキュリティを強化するためのPHP入力検証のベストプラクティスについて説明します。

この記事では、Token BucketやLeaky BucketなどのアルゴリズムやSymfony/Rate-Limiterなどのライブラリを使用するなど、PHPでAPIレート制限を実装するための戦略について説明します。また、監視、動的に調整されたレートの制限、および手をカバーします

この記事では、パスワードを保護するためにPHPでpassword_hashとpassword_verifyを使用することの利点について説明します。主な議論は、これらの関数が自動塩の生成、強力なハッシュアルゴリズム、およびSecurを通じてパスワード保護を強化するということです

この記事では、PHPおよび緩和戦略におけるOWASPトップ10の脆弱性について説明します。重要な問題には、PHPアプリケーションを監視および保護するための推奨ツールを備えたインジェクション、認証の壊れ、XSSが含まれます。

この記事では、PHPでのXSS攻撃を防ぐための戦略について説明し、入力の消毒、出力エンコード、セキュリティを向上させるライブラリとフレームワークの使用に焦点を当てています。

この記事では、PHPでのインターフェイスと抽象クラスの使用について説明し、それぞれをいつ使用するかに焦点を当てています。インターフェイスは、無関係なクラスや複数の継承に適した、実装なしで契約を定義します。抽象クラスは共通の機能を提供します


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

WebStorm Mac版
便利なJavaScript開発ツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









