foobarbaz

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

이미지 리사이징 1

[JavaScript] 이미지 파일 리사이징

웹 페이지에서 서버로 이미지 파일을 올려주기 전 이미지의 크기가 클 경우 리사이징 후 파일을 올려주고자 한다. 서버단에서도 조정할 수 있지만 서버에 무리가 올수 있기에 클라이언트단에서 처리하는 것이 좋다고 한다. 아래 두 주소는 코드를 참고한 사이트이다. https://stackoverflow.com/questions/23945494/use-html5-to-resize-an-image-before-upload https://codepen.io/tuanitpro/pen/wJZJbp 하단의 코드는 전체 소스코드이다. 이 코드는 파일이 resizing 됐는지 확인하기 위한 코드이며 메모장으로 .html로 저장하여 간단하게 확인할 수 있도록 upload부분은 제외하였다. (file 크기확인은 f12 개발자모드 ..

Front-End/JavaScript 2018.10.08
이전
1
다음
더보기
프로필사진

foobarbaz

  • 분류 전체보기 (18)
    • Back-End (2)
      • Spring (2)
    • Front-End (5)
      • JavaScript (3)
      • Vue (2)
    • Etc (4)
      • DB (1)
      • Git (3)
    • IT 작업 (0)
    • 공부 (7)
      • 웹 개발 (3)

Tag

HttpServletRequest, 달력, 자료형, Request, Calendar, es6, Spring, 호이스팅, JavaScript, script, image resizing, 동작원리, dao, var, HashMap, Service, 변수, jQuery, 이미지 리사이징, git,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바