목록js썸네일 (1)

하루의 일상💜

[자바스크립트] 첨부파일 누르면 원하는 사진 썸네일로 만들기

이미지 파일을 첨부할 때 원본사이즈를 올리게 되면 용량때문에 로딩시간이 길어지게 된다. 그렇기 때문에 이미지 사이즈를 조절하여 올리게 되는 것을 썸네일이라고 하는데 첨부파일을 통해서 원하는 이미지로 설정하는 방법에 대해서 알아보겠다. 주로 사이트에서 프로필사진 설정같은 곳에서 주로 쓰이게 된다. 첨부파일 클립이미지 넣기 먼저 HTML 에서 input 첨부파일 버튼을 만들어 줘야 한다. 내가 원하는 이미지르 넣기 위해서 display를 none으로 설정 해줘야 기존의 버튼이 사라지고 이미지를 넣을 수 있다. CSS 스타일 주기 CSS 에서 label의 div 를 불러온 후 설정한다. background 이미지를 넣을 때에는 무조건 사이즈를 정해줘야하고 해당 div요소에 맞게 100%를 준다. backgro..
자바스크립트 2022. 10. 7. 11:49
이전 Prev 1 Next 다음