LoT ラブオンテック

非モテ男の、非モテ男による、【女の子にモテたい】非モテ男のためIT活用ブログ

プログラミング

【Go/js】base64エンコードした画像をjson形式で受け取る!

投稿日:


クライアントからのアクションに対し、

サーバはbase64エンコードした画像を、

そのファイル名とともに

jsonフォーマットでクライアントに変身する




ということをやっていきます。



以下3つのファイルを

同一ディレクトリに置いておきます。

画像は何でもokです。


  • file_json.go
  • root.html
  • sample.jpg



それでは中身を見ていきましょう!


ファイル(画像)をos.Openで読み取ります。

次に、base64エンコードするために、

os.File型をバイナリに変換します。



そしたらbase64でエンコードします。

あとはファイル名と一緒に、

json形式でフォーマットするだけです。




送信する際はContent-Typeに

application/jsonを指定して、

w.Writeでクライアントへ送信します。




続いてroot.htmlです。


 



ボタンが押されたら、

サーバにフェッチします。

その返信をconsole.log()で表示しています。



ちなみに、コメントアウトしてありますが、

「オブジェクト名.キー」とすることで、

欲しい値だけを抽出できます。




実行結果は以下のようになります。

サーバ(go)を起動させて、

localhost:8080に接続します。



ボタンをクリックすると、

以下の結果がコンソールに表示されます。




json形式で受け取れました!




以上です。

最後まで読んでいただきありがとうございました。

-プログラミング

Copyright© LoT ラブオンテック , 2020 All Rights Reserved Powered by STINGER.