4 글 보임 - 1 에서 4 까지 (총 4 중에서)
-
글쓴이글
-
2024년 1월 7일 22:08 #109295
박성현참가자<!DOCTYPE html> <html lang="en"> <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.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> </head> <body>
<nav id="navbar-example2" class="navbar bg-body-tertiary px-3 mb-3"> 세안정기 <ul class="nav nav-pills"> <!-- 나머지 네비게이션 바 코드는 동일하게 유지됩니다 --> </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> <div data-bs-spy="scroll" data-bs-target="#navbar-example2" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" class="scrollspy-example bg-body-tertiary p-3 rounded-2" tabindex="0"> </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-firestore.js"></script> <script src="https://www.gstatic.com/firebasejs/8.6.5/firebase-storage.js"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script> const firebaseConfig = { apiKey: "AIzaSyDhXipwML1Q6l0fUj7MeEau0SamKJdpsJ0", authDomain: "least-195a2.firebaseapp.com", projectId: "least-195a2", storageBucket: "least-195a2.appspot.com", messagingSenderId: "113456037188", appId: "1:113456037188:web:144286b9c1d391b1b9ab11" };const app = firebase.initializeApp(firebaseConfig); 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/'+ file.name); var 업로드작업 = 저장할경로.put(file);업로드작업.on('state_changed', null, (error) => { console.error('실패사유는', error); }, () => { 업로드작업.snapshot.ref.getDownloadURL().then((url) => { console.log('업로드된 경로는', url);var 저장할거 = { 제목 : $('#title').val(), 가격 : $('#price').val(), 내용 : $('#content').val(), 날짜 : new Date(), 이미지URL: url // 업로드된 이미지의 URL을 저장합니다. };db.collection('product').add(저장할거).then((result)=>{ console.log(result); window.location.href = "/index.html"; }).catch((err)=>{ console.log(err); }); }); }); });</script>
</body> </html>
사용한 코드이며 가격 변동을 위해 change input 함수를 추가하였으나 반영되지 않습니다 . 그래서 일단은 넘어가고 5강 수강중 입니다 ㅜㅜ
-
글쓴이글
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
- 답변은 로그인 후 가능합니다.