• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 파이어베이스 이미지 업로드 관련

파이어베이스 이미지 업로드 관련

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #48553

    형선우
    참가자
    안녕하세요 이번에 파이어베이스 영상을 보면서 공부중인 학생입니다.
    
    영상에서 본것처럼 
    
    <script>
        const db = firebase.firestore(); //파이어 스토어에 접근
        const storage = firebase.storage(); //스토리지에 접근(이미지)
        $('#send').click(function(){
            //이미지 저장
            var file = document.querySelector('#image').files[0];
            var storageRef = storage.ref();
            var savePath = storageRef.child('image/'+file.name); //file.name 은 원래 사진이름 그대로 저장
            var uploadWork = savePath.put(file)
     
            var upload = { 
                제목 : $('#title').val(),
                가격 : $('#price').val(),
                내용 : $('#content').val(),
                날짜 : new Date().toDateString()
            }
            //then 은 성공했을때 실행 , catch는 실패했을때 실행
            db.collection('product').add(upload).then((result)=>{
                window.location.href = "/adminmain.html";
                alert("업로드에 성공했습니다.");
                console.log(result);
            }).catch((err)=>{
                alert("업로드에 실패했습니다.");
                console.log(err);
            }) 
        })
    
    으로 강의와 똑같이 파이어베이스 버전은 영상과 같고 Jquery는 3.6.1입니다 Jquery를 제외하고는 영상과 같게 작성하였고 규칙도 true로 변경해주었습니다
    파이어베이스에는 이미지가 업로드가 되지 않습니다.
    어느부분이 잘 못 되었을까요?
    
    #48599

    codingapple
    키 마스터
    크롬콘솔창에 뭐가 뜨나 확인합시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠