firebase Storage에 이미지 업로드하기

수빈·2022년 5월 19일
0

React

목록 보기
13/25

firebase에서 제공하는 Storage에 이미지 업로드하는 방법

function upload(e: React.ChangeEvent<any>) {
  if (e.target.files[0]) {
    if (e.target.files[0].size > 1 * 1024 * 1024) {
      alert("이미지 파일 용량이 너무 큽니다.");
      e.target.value = "";
    } else {
      const file:any=
            URL.createObjectURL(e.target.files[0]);
      //uploadStorage(e.target.files[0]);
    	uploadStorage(file);  
    }
  }
}
function uploadStorage(file: any) {
  let formData = new FormData();
  formData.append("inquiry", file);
  const uid: any = window.sessionStorage.getItem("uid");
  axios.post("",formData,
             {headers: {
               uid: uid,
             },})
    .then((res) => {
    const imgFile = res.data;
    imageUrl = imageUrl.concat(imgFile);
    setImageUrl(imageUrl);
  })
    .catch((error) => {
    console.log(error);
  });
}

0개의 댓글