$('#send').click(function () {
alert('잠시만 기다려주세요.')
var file1 = document.querySelector('#image').files[0];
var storageRef = storage.ref();
var 저장경로 = storageRef.child('image/' + file1.name + 내uid);
var 업로드 = 저장경로.put(file1)
var file2 = document.querySelector('#bgm').files[0];
var storageRef = storage.ref();
var 저장할경로 = storageRef.child('bgm/' + file2.name + 내uid);
var 업로드작업 = 저장할경로.put(file2)
업로드작업.on('state_changed',
// 변화시 동작하는 함수
null,
//에러시 동작하는 함수
(error) => {
console.error('실패사유는', error);
},
// 성공시 동작하는 함수
() => {
업로드.snapshot.ref.getDownloadURL().then((url1) => {
console.log('이미지 업로드 경로', url1);
업로드작업.snapshot.ref.getDownloadURL().then((url2) => {
console.log('Bgm 업로드 경로', url2);
var 저장할거 = {
title0: $('#title').val(),
content0: $('#content').val(),
mood0: document.getElementById("#mood").value,
genre0: document.getElementById("#genre").value,
instrument0: document.getElementById("#instrument").value,
theme0: document.getElementById("t#heme").value,
tempo0: document.getElementById("#tempo").value,
vocal0: document.getElementById("#vocal").value,
price0: parseInt($('#price').val()),
date0: new Date(),
image0: url1,
bgm: url2,
uid: JSON.parse(localStorage.getItem('user')).uid,
name0: JSON.parse(localStorage.getItem('user')).displayName
}
db.collection('product').add(저장할거).then((result) => {
console.log(result);
alert('업로드가 완료되었습니다.');
window.location.href = "market.html";
}).catch((err) => {
console.log(err)
})
});
});
}
);
})
이렇게 코드를 작성했는데, 업로드 버튼을 눌러보면
upload.html:296 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'value')
이런 오류를 띄웁니다
at upload.html:296:72
