Object Storage Service:OSS にオブジェクトをアップロードする際にファイルタイプとサイズを制限する方法

const form = document.querySelector("form");
const fileInput = document.querySelector("#file");
form.addEventListener("submit", (event) => {
  event.preventDefault();
  const file = fileInput.files[0];
  if (!fileInput.files[0]) {
    alert('アップロードするファイルを選択してください。');
    return;
  }
  const filename = fileInput.files[0].name;
  fetch("/get_post_signature_for_oss_upload", { method: "GET" })
    .then((response) => {
      if (!response.ok) {
        throw new Error("署名の取得に失敗しました。");
      }
      return response.json();
    })
    .then((data) => {
      const formData = new FormData();
      formData.append("name", filename);
      formData.append("policy", data.policy);
      formData.append("OSSAccessKeyId", data.ossAccessKeyId);
      formData.append("success_action_status", "200");
      formData.append("signature", data.signature);
      formData.append("key", data.dir + filename);
      formData.append("file", file);

      return fetch(data.host, { method: "POST", body: formData });
    })
    .then((response) => {
      if (response.ok) {
        console.log("アップロードに成功しました");
        alert("ファイルがアップロードされました。");
      } else {
        console.log("アップロードに失敗しました", response);
        alert("アップロードに失敗しました。後でもう一度お試しください。");
      }
    })
    .catch((error) => {
      console.error("エラーが発生しました:", error);
    });
});

const form = document.querySelector("form");
form.addEventListener("submit", (event) => {
  event.preventDefault();
  const fileInput = document.querySelector("#file");
  const file = fileInput.files[0];
  fetch("/get_presigned_url_for_oss_upload", { method: "GET" })
    .then((response) => {
      if (!response.ok) {
        throw new Error("署名付き URL の取得に失敗しました。");
      }
      return response.text();
    })
    .then((url) => {
      fetch(url, {
        method: "PUT",
        headers: new Headers({
          "Content-Type": "image/png",
        }),
        body: file,
      }).then((response) => {
        if (!response.ok) {
          throw new Error("OSS へのファイルのアップロードに失敗しました。");
        }
        console.log(response);
        alert("ファイルがアップロードされました。");
      });
    })
    .catch((error) => {
      console.error("エラーが発生しました:", error);
      alert(error.message);
    });
});