사용자가 사진을 업로드하여 서버에 저장이 되고 저장된 내용을 다시 보여줘야 할 때 사용할 수 있는 방법입니다. 경로를 그대로 적으면 접근이 불가능하기도 하고 보안에 취약하기 때문에 Controller에서 처리하도록 했습니다. 우선 jsp 소스입니다. fileId는 파일 식별자를 넘겨서 조회하도록 하였습니다. 각자 구현한 코드에 맞게 ID나 NAME 등을 넘겨 조회하도록 합니다. Java 소스입니다. @RequestMapping(value="/loadImage.do") public String displayPhoto(@RequestParam(value="fileId") String fileId, HttpServletResponse response)throws Exception{ //DB에 저장된 파일 정보..

우선 소스 원문입니다. 출처 : https://stackoverflow.com/questions/15900485/correct-way-to-convert-size-in-bytes-to-kb-mb-gb-in-javascript Correct way to convert size in bytes to KB, MB, GB in JavaScript I got this code to covert size in bytes via PHP. Now I want to convert those sizes to human readable sizes using JavaScript. I tried to convert this code to JavaScript, which looks like this: fun... stackove..

웹페이지에서 양식을 작성하다 실수로 백스페이스 버튼을 눌렀을 때 뒤로 가버리는 경우가 있습니다. 그러지 않도록 백스페이스 입력 시 뒤로 가지 않도록 하는 코드입니다. input 태그, textarea 태그에서 작업 시에는 작동하지 않고 나머지 부분에서만 작동합니다. readOnly 속성이 적용되어 있을 경우 분기를 타지 않고 뒤로 가기가 진행되므로 아래 코드도 추가해 주셔야 합니다. $(document).keydown(function(e){ if(e.target.nodeName != "INPUT" && e.target.nodeName != "TEXTAREA"){ if(e.keyCode === 8){ if(confirm("뒤로 이동하시겠습니까?")){ history.go(-1); }else{ return ..

var date = new Date(); 이렇게 시간을 확인하게 되면 내 컴퓨터의 시간을 확인하게 되므로 시간을 변경해서 호출하게 되면 변경된 시간 값으로 초기화됩니다. 그러므로 현재 시간을 확인하여 처리가 필요한 프로그램을 만들려면 서버의 시간을 가져와야 합니다. var xmlHttpRequest; if(window.XMLHttpRequest){// code for Firefox, Mozilla, IE7, etc. xmlHttpRequest = new XMLHttpRequest(); }else if(window.ActiveXObject){// code for IE5, IE6 xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); }else{ return; ..

jQuery.fn.serializeObject = function() { var obj = null; try { if (this[0].tagName && this[0].tagName.toUpperCase() == "FORM") { var arr = this.serializeArray(); if (arr) { obj = {}; jQuery.each(arr, function() { obj[this.name] = this.value; }); }//if ( arr ) { } } catch (e) { alert(e.message); } finally { } return obj; }; 출처: https://cofs.tistory.com/184 [CofS] 이렇게 공통으로 쓰는 함수를 만들고 var data = { ..

datepicker를 갖고 있는 element를 페이지가 로딩되고 난 후 복제, 생성, 삽입 등을 하게 되면 datepicker가 제대로 동작하지 않습니다. 그렇기 때문에 해당 element의 datepicker를 다시 바인딩 해줘야 합니다. 특정 element의 id를 strtDay라 한다면 $("#strtDay").removeClass("hasDatepicker").datepicker(); 이런 식으로 하면 되고, 특정 class를 처리하고 싶다면 $(".date").removeClass("hasDatepicker").datepicker(); 이렇게 하셔도 됩니다. 직접 datepicker를 바인딩 하는 함수를 작성하셨다면 뒤에 .datepicker()를 쓰지 않고 해당 함수를 호출하셔도 됩니다. $..