【JavaScript】JavaScriptで画像をバイナリコードで読み込む

JavaScriptで画像をバイナリコードで読み込む

画像の状態が怪しいファイルがあったので、原因究明のためバイナリコードに分解。 [Base64]でデコードしようかと考えたのですが、なんとJavaScriptでバイナリコードに変換できるらしいので試してみました。  

バイナリコードに変換する方法

XMLHttpRequest()オブジェクトを使用する。

こちらのサイト様からお借りしました。

JavaScriptで拡張子のない画像のファイルの種類を判別する方法(IE9以上)

方法は慣れた方だと本ページのスクリプトタグ内をご覧いただければおわかりいただけると思います。

これで軽いファイルならPost送信できるのでは。  

偽装したファイルを【WordPress】にアップロードしたかったのだけれど

WordPressはそこのところ優秀で、アップロード前に拡張子偽装しても、アップロード完了後に正しい拡張子に修正されます。

ex.) [aaa.jpg] (元ファイル) → [aaa.png]((拡張子変更)) → [aaa.png](アップロード完了時)

なんとかしてアップロードしたいのですが、研究は後日。  

バイナリコードを目視で確認して判別する

ただコードをお借りしただけですと意味がないし、私の勉強にしかならないのでバイナリコードを可視化して出力する機能を搭載。

目視で確認する場合は、こちらのサイト様から確認いただけます → マジックナンバーまとめ  

実際に解析

【解析する画像】

イメージ

ファイルの種類:

バイナリデータ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です