414 Request-URI Too Longの解決策

Question

使用しているものとバージョン
Apache2.4
PHP8

通常の画像をアップロードした場合、phpファイルで画像ファイルを所得、
同時に表示させることはできます。しかし編集した画像をアップロードした後、phpファイルで取得される筈が
『414 Request-URI Too Long　The requested URL's length exceeds the capacity limit for this server.』と表示されます。

phpファイルは以下のようになっております。

<?php
  $data = $_POST['image'];
  list($type, $data) = explode(';', $data);
  list(, $data)      = explode(',', $data);
  $data = base64_decode($data);
  $imageName = time().'.png';
  if(file_put_contents('images/'.$imageName, $data)){
    echo "Success, " . $imageName;
  } else {
    echo "Error, unable to Put file.";
  }
?>

やはり、これが原因なのでしょうか？

$data = $_POST['image'];

確かにURLを見ると何故か長くなっております。しかし原因と対処方法が分かりません。
わかる方がいらしたら、教えていただけると幸いです。

（睡魔と闘いながらの投稿なので、何か説明で抜けていたらすみません。）

追記
送信フォーム

<form enctype="multipart/form-data" action="./???.php">
  <div class="file-up">
    <label>
      <input type="hidden" id="profileimage" name="MAX_FILE_SIZE" value="1048576" />
      <input id="myfile" type="file" name="img" accept="image/*" class="file" />
      <img id="upload-image" class="img" style="width:300px;height:300px;background-color:gray;border-radius:50%;" />
    <label>
  </div>
  <div class="submit">
    <input type="submit" value="upload" class="btn" />
  </div>

<script>
$('.btn').on('click', function (ev) {
  $uploadCrop.croppie('result', {
      type: 'canvas',
      size: 'viewport'
  }).then(function (resp) {
      $.ajax({
          url: "./???.php",
          type: "POST",
          data: {"image":resp},
          success: function (data) {
            var response = data.split(",");
            var html;
            if(response[0] != "Error"){
              html = '<img id="cropresult" style="margin: 0px;" src="' + response[1].trim() + '" />';
              $("#uploaded-input").html(html);
            } else {
              console.log(data);
            }
          }  
      });
  });
});

Answer 1

そもそもファイルのアップロードをphpで受け取るには、
$_POST ではなく $_FILES を使う必要があります。

また、ファイル送信フォームのhtmlを観ていないのであくまで推測ですが、
form要素での属性に、method="post" と enctype="multipart/form-data" を加えてあるでしょうか。
もしかしてmethod="get"にしてあるか、そもそもmethod属性を記述していないのではないかと思われます。

PHP: POST メソッドによるアップロード - Manual
PHPでファイルアップロードを実装する方法 | UX MILK

など参考になさってください。

Comments

[退会済みユーザー]

回答ありがとうございます。
method="post" を加えると編集した画像ファイルが破損した状態で保存してしまう為、あえて入れてません。（逆にこっちの方がちゃんとした状態で保存されます。）

送信フォームは長くなるので、一部だけ質問文に追記させていただきます。

[退会済みユーザー]

破損した状態で保存されてしまうことの原因究明はしないのでしょうか。せいぜい8192バイトしか受信できないので、その制限を越えやすいPOSTでの受信を確実にする方を強くおすすめします。

[退会済みユーザー]

画像ファイルを取得するphpファイルと次のページへのphpファイルが同一なのが原因らしく、それぞれに違うphpファイルを用意することで、二つの問題を解決することができました。