안녕하세요 선생님, 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>
);
}