JavaScript FormData Upload

file.upload.js

const getFile = async () => {
  const [fileHandle] = await window.showOpenFilePicker({
    types: [
      {
        description: "Images",
        accept: {
          "image/*": [".png", ".jpeg", ".jpg"],
        },
      },
    ],
    excludeAcceptAllOption: true,
    multiple: false,
  });

  return await fileHandle.getFile();
};

const changePhoto = async e => {
  const uid = "auto_id";
  const api = "api_url";
  const file = await getFile();

  // setPhoto(URL.createObjectURL(file));

  const fileName =
    file.type === "image/png" ? `${uid}-cover.png` : `${uid}-cover.jpg`;

  const formData = new FormData();
  formData.append("photo", file, fileName);

  const res = await fetch(`${api}/users/photo`, {
    method: "post",
    body: formData,
  });

  return res.ok;
};