4 글 보임 - 1 에서 4 까지 (총 4 중에서)
-
글쓴이글
-
2024년 1월 14일 18:52 #110152
박성현참가자당근마켓 상세페이지 만들기 단계에 들어가서 이제 감자2를 올리는데 다른 내용은 다 올라가고 이미지만 업로드가 되지 않습니다. 코드는 아래와 같습니다.
<!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을 저장합니다. uid: JSON.parse(localStorage.getItem('user')).uid, 이름: JSON.parse(localStorage.getItem('user')).displayName, };db.collection('product').add(저장할거).then((result) => { console.log(result); window.location.href = "/index.html"; }).catch((err) => { console.log(err); }); }); }); });</script>
</body>
2024년 1월 14일 21:33 #110167
박성현참가자undefined:1 Failed to load resource: the server responded with a status of 404 (Not Found) 이런 애러가 발생되었습니다2024년 1월 15일 09:18 #110192
codingapple키 마스터이미지 빼고 글만 올라가는거면 코드짜고나서 파일저장을 안했거나 다른 html 파일을 열었다거나 그런걸수도요
-
글쓴이글
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
- 답변은 로그인 후 가능합니다.