AWS S3이미지 업로드 질문입니다.

[김성국]

안녕하세요 선생님, pc에서 s3로 이미지 업로드는 잘 되는데 모바일에서 사진을 업로드 할 경우 s3에 업로드가 되지 않는 문제가 생깁니다ㅠㅠ
도와주세요ㅠㅠ
 

"use client";

import { useState } from "react";

export default function Write() {
  let [src, setSrc] = useState("");
  let [imagefile, setImagefile] = useState("");

  return (
    <div className="p-20">
      <h4>글작성</h4>
      <form action="/api/post/new" method="POST">
        <input name="title" placeholder="글제목"></input>
        <input name="content" placeholder="글내용"></input>
        <input
          name="src"
          type="file"
          accept="image/*"
          onChange={async (e) => {
            let file = e.target.files[0];
            setImagefile(file);
            document.querySelector(".watch").src = URL.createObjectURL(file);

            let filename = encodeURIComponent(file.name);
            if (filename === undefined) {
              setSrc("");
            } else {
              setSrc(filename);
            }
          }}
        ></input>
        < img src="" className="watch"></img>
        <button
          type="submit"
          style={{ cursor: "pointer" }}
          onClick={async () => {
            let res = await fetch("/api/post/image?file=" + src).then((r) =>
              r.json()
            );

            const formData = new FormData();
            Object.entries({ ...res.fields, file: imagefile }).forEach(
              ([key, value]) => {
                formData.append(key, value);
              }
            );
            let 업로드결과 = await fetch(res.url, {
              method: "POST",
              body: formData,
            });
            console.log(업로드결과.url);
          }}
        >
          글 작성
        </button>
      </form>
    </div>
  );
}

[codingapple]

버튼에 onClick말고 onSubmit 달아서 기능넣어봅시다 
이미지업로드전에 폼제출안되게 e.preventDefault()도 써봅시다

[글쓴이]

글