2021-11-27

image/bmp

CGI

読み込みがバイナリファイルに対応したので、ビットマップファイルをアップロード出来るようにする。

https://wa3.i-3-i.info/word15799.html

action.cで、

レスポンスヘッダのContent-typeでfile_content_typeを出力するようにしているので、バイナリでもなんでも対応できるようになった。

これを選択。

submitすると、

画像を表示できた。

こっちは保存できるんだよなあ・・・。

Sample/cgi/Content-type/image_bmp/src/Content-type at master · bg1bgst333/Sample · GitHub

2021-11-26

multipart/form-data(boundary)

CGI

テキストファイルの場合は、HTTPリクエストボディがNULL文字で切れる事が無いので、boundaryをstrstrで探していたが、バイナリファイルだとそうはいかない。

https://www.ietf.org/rfc/rfc1867.txt

memcmpとfor文で、

探索してる。
今回のHTTPレスポンスボディはファイルの中身だけ。
とはいえ、まだtext/plainのみ対応。

test1.txtを選択。
submitすると、

ファイルだけ返してる。
ただ、気になるのが、

保存しようとすると、勝手に削除されちゃう。
ウィルス対策なのかな・・・。変なレスポンスでは無いはずだけど・・・。ChromeでもEdgeでも消されちゃう。

Sample/cgi/Content-type/multipart_form-data_boundary/src/Content-type at master · bg1bgst333/Sample · GitHub

2021-11-25

multipart/form-data

CGI

multipart/form-dataの場合は、どうやってファイルを抽出するかというのが課題となる。

POST - HTTP | MDN

Content-type.htmlは、

これまで通り、enctype="multipart/form-data"。
action.cは、

"CONTENT_TYPE"が"multipart/form-data"かどうかチェック。
その後ろにくっついているboundaryを抽出。
ややこしいのが、その前に2つ"--"を付けたものが実際の区切り線。
リクエストボディを読み込んで、区切り線を見つけたら、今度は"Content-Type"があるかチェック。
Chromeの場合、ファイルの時はこれがあるみたいなのでこうしてるけど、他のブラウザだと違うかも。
その先、2度の連続改行があって、その先からファイルの内容が始まる。
次の区切り線までファイルとして抽出するという感じ。

これでsubmitすると、

このように取り出せる。
今回はテキストファイルだったので、あえてこの方法で取り出せたけど、おそらくバイナリだと上手くいかない。

Sample/cgi/Content-type/multipart_form-data/src/Content-type at master · bg1bgst333/Sample · GitHub

2021-11-24

CONTENT_LENGTH

CGI

getenvに"CONTENT_LENGTH"を指定すると、HTTPのBodyのサイズを取得できる。

enqlÌóM

action.cで、

getenvに"CONTENT_LENGTH"を指定すると、ボディサイズが"文字列で"返ってくる。
CONTENT_LENGTH.htmlは、

あまり変わらない。

ファイルを選択してsubmitすると、

このように"Content-length"は214。freadで読み込めたサイズ214と同じ。

このように"Content-length"は214。
freadで読み込めたサイズlen = 214と同じ。

Sample/cgi/CONTENT_LENGTH/CONTENT_LENGTH/src/CONTENT_LENGTH at master · bg1bgst333/Sample · GitHub

2021-11-23

CONTENT_TYPE

CGI

getenvに"CONTENT_TYPE"を指定すると、"Content-type"を取得できる。

c++でcgi ーファイルのアップロード ~ プログラムのメモ

action.cで、

getenvに"CONTENT_TYPE"を指定し、返ってきた文字列を出力。
CONTENT_TYPE.htmlは、

ファイルだけ送る。

ファイルを選択してsubmitすると、

Content-typeは”multipart/form-data”になってる。

Sample/cgi/CONTENT_TYPE/CONTENT_TYPE/src/CONTENT_TYPE at master · bg1bgst333/Sample · GitHub

2021-11-22

form#enctype(application/x-www-form-urlencoded)

HTML

enctype属性を指定しない場合は、デフォルトで"application/x-www-form-urlencoded"になる。

HTMLタグ/フォームタグ/送信時のデータ形式を指定する - TAG index

form.htmlで、

<html>
  <head>
    <title>form#enctype#application/x-www-form-urlencoded</title>
  </head>
  <body>
    <script type="text/javascript">
    <!--
    // -->
    </script>
    <form method="GET" action="/cgi-bin/action.cgi" enctype="application/x-www-form-urlencoded">
      <input type="text" name="key1">
      <input type="text" name="key2">
      <input type="submit" value="submit">
    </form>
  </body>
</html>