2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
이미지 업로드 강의보면서 따라 했는데 Firebase Storage에 업로드가 안됩니다 ㅠㅠ Storage - Rules 도 true로 수정했고
밑에 코드 첨부 해드립니다.... 뭐가 잘못된걸까요 ㅠㅠ <!DOCTYPE html> <html>
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"> <link rel="stylesheet" href="main.css"> </head>
<body>
<nav class="navbar navbar-expand-lg bg-light"> <div class="container-fluid"> 당근마켓 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> Home <li class="nav-item"> Upload <li class="nav-item"> Pricing <li class="nav-item"> Disabled </div> </div> </nav> <div class="container mt-3"> <input type="text" class="form-control mt-2" id="title" placeholder="title"> <textarea class="form-control mt-2" id="content">content</textarea> <input type="text" class="form-control mt-2" id="price" placeholder="price"> <input class="form-control mt-2" type="file" id="image"> <button class="btn btn-danger mt-3" id="send">올리기</button> </div>
<script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-auth.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-firestore.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script> const firebaseConfig = { apiKey: "AIzaSyDEFXSsFiHEMNTBR8XYJ4QrSVdtetoXMfk", authDomain: "web-carrot-30ce1.firebaseapp.com", projectId: "web-carrot-30ce1", storageBucket: "web-carrot-30ce1.appspot.com", messagingSenderId: "792637282309", appId: "1:792637282309:web:0d4bc13b37f590f2ec246c" };firebase.initializeApp(firebaseConfig); </script>
<script>
const db = firebase.firestore(); const storage = firebase.storage();
$('#send').click(function () {var file = document.querySelector('#image').files[0]; var storageRef = storage.ref(); var 저장할경로 = storageRef.child('image/' + '파일명'); var 업로드작업 = 저장할경로.put(file)let inp_title = { 제목: $('#title').val(), 가격: $('#price').val(), 내용: $('#content').val(), 날짜: new Date(), } db.collection('product').add(inp_title).then((result) => { console.log(result); window.location.href = "/index.html" }).catch((err) => { console.log(err) }) })</script>
</body>
</html>
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.