89. 내일배움캠프 - 71일차 TIL

---

 

TIL

 

📌
오늘 한 일

최종 프로젝트

오늘도 아침부터 프로젝트를 했다. 내가 맡은 부분은 전체 페이지 css 수정이다.

수정하다 보니 페이지를 다시 만들어야 하는 것도 있어서 꽤 시간이 많이 걸렸다.

2개 정도 페이지 빼고 거의 다 수정했다. 더 나아가서 추가적으로 js기능도 추가했다.

이번 주에 중간발표가 있는데 다른 팀들은 어떻게 했을지 궁금하다.

오늘은 여기까지

 

 

JavaScript 첨부파일 이미지 미리 보기 (input type="file")

 

 

<!--HTML-->

<input type="file" onchange="readURL(this);"> 
<img id="preview" />

//javascript

function readURL(input) {
  if (input.files && input.files[0]) { 	// 인풋 태그에 파일이 있는 경우
  
    var reader = new FileReader();		// FileReader 인스턴스 생성
    
    reader.onload = function(e) { 		// 이미지가 로드가 된 경우
      document.getElementById('preview').src = e.target.result;
    };
    reader.readAsDataURL(input.files[0]); //reader가 이미지 읽도록 하기
  } else {
    document.getElementById('preview').src = "";
  }
}

 

결과