[Firebase] 이미지 업로드

<input class="form-control mt-2" type="file" id="image">

이미지 업로드할 수 있게 만들어 줌.
타입을 file로 하면 파일을 선택할 수 있다.

이미지는 용량이 크기 때문에 데이터베이스에 저장하기에 적합하지 않다. 이미지는 storage에 저장하면 된다.
그리고 db에는 storage에 저장되어 있는 이미지 위치의 url을 저장한다.

storage에 파일을 저장하려면

const storage = firebase.storage();

$('#send').click(function(){
	var storageRef = storage.reg();
    var 저장할경로 = storageRef.child('image/' + '파일명'); //저장경로
    var 업로드작업 = 저장할경로.put(업로드할 파일) //파일을 올림

이렇게 세 줄을 입력하면 된다.
파일을 찾는 코드는
var file = document.querySelector('#image').files[0];
이렇게 작성하면 된다.

파일명을 그대로 작성하고 싶으면 file.name을 쓰면 된다.

storage에 파일을 저장하고 싶으면 storage-rules에서 접근 규칙을 설정해 주어야 한다. if뒤를 true로 바꿔주면 누구나 storage를 읽고 쓸 수 있다.

출처: https://youtu.be/eYf-DG16yrU