fetchAPIで送信したファイルデータをPHPで取得できない

Question

前提

fetchAPIで送信した画像ファイルをコントローラーのアクションで処理したいのですが、$request->file()で取得できません。
非同期でjsから送信されてきた画像ファイルを取得したいです。

該当のソースコード

      $('#profileModal .save').click(() => {
        let fd = new FormData();
        fd.append('icon', $('#profileModal #icon').prop('files')[0]);

          fetch('/users/update', {
            method: 'PATCH',
            body: new URLSearchParams({
              icon: fd,
            }),
            headers: {
              'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
          }).then(res => {
            return res.json();
          }).then(data => {
            console.log(data);
          }).catch(err => {
          });
      });

    public function update(Request $request)
    {
ここで取得したいができない
        return response()->json(['icon' => $request->file('icon')]);
}

Route::patch('/users/update', [UserController::class, 'update']);

試したこと

下記の記事を参考にfetchAPI処理を記述したが、うまく取得できず
Laravelのファイルアップロード処理をFetchAPIで書き直した

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。
PHP 8.1.1
Laravel 8.79.0

Answer 1

bodyの設定がおかしいからでは？
body自体がformDataを指定する必要があるので

sample

<script>
document.addEventListener('click',e=>{
  let file;
  if(e.target.matches('.save') && (file=icon.files[0])){
    const fr = new FileReader();
    fr.addEventListener('load',e=>{
      const type=file.type;
      if(["image/jpeg","image/gif","image/png"].includes(type)){
        const blob=new Blob([e.target.result],{type});
        const body=new FormData();
        body.append(file.name,blob,file.name);
        const method="post";
        const url="sample.php";
        fetch(url,{method,body}).then(res=>res.text()).then(console.log);
      }
    });
    fr.readAsArrayBuffer(file);
  }
});
</script>
<input type="file" id="icon">
<input type="button" class="save" value="save">

//sample.php

<?php
print_r($_FILES);

Comments

[suika11]

コメントありがとうございます
body: new URLSearchParams({
icon: fd,
}),
ではなく
body: fd,
ということですか？

[yambejp]

#iconはtype＝fileにユーザーが任意に設定したファイルで間違いないですか？

[suika11]

はい、その通りです

[yambejp]

追記したsampleを参考にしてみてください

[suika11]

どうも空の配列が返ってきてしまいます

[yambejp]

＞　どうも空の配列が返ってきてしまいます

何をしたときにどうなって、そう判断していますか？