note

모바일 프로모션중에 사용자가 사진을 올려 응모한 후, 리스트에 보여줘야 할 때가 종종 있다. 고정된 div에 그냥 img태그로 뿌려준다면 비율에 상관없이 꽉채워서 나오기때문에, fakecrop이라는 jquery플러그인을 사용하였다. 참조URL : http://vuongnguyen.com/fake-cropping-images-with-jquery.html 위 주소에도 나와있지만,사용법은 간단한 편이다. 플러그인을 다운받고 소스상단에 include시켜준 후, img를 지정하여 fakecrop(); 해주면된다. 나는 고정된 크기에 이미지를 맞춰야하므로 fill:false를 적용하였다. $(document).ready(function () { // for a filled square thumbnail $('im..

ajax로 파일 폼값을 전송해야 하는 경우가 있었다,, 검색해보니 formData를 생성해서 안에 append시켜주어 post해주면 된다한다.. function fnFileSubmit(){ var f = document.form1; var sData = new FormData(); $.each($('#INPUT_FILE')[0].files, function(i, file) { sData.append('PHOTO', file); //PHOTO라는 데이터안에 파일정보가 들어감 }); $.ajax({ type: "POST", url: "photo_upload.jsp", data: sData, cache: false, dataType: 'json', contentType: false, processData: f..

소스 상단 head태그 안에 jquery파일을 include시키면 사용가능하다. 방법은2가지이다. http://jquery.com/ 에서 다운받아 서버에올려두고 사용하거나 jquery측 js를 호출한다. jquery-latest.min.js는 최신버전 jquery를 로드시킨다. 현재 jquery.2.1.1버전 까지 나왔으며 앞자리 숫자가 2인것은 익스플로러를 지원안하는 버전, 앞자리 숫자가 1인것은 익스프로러까지 지원하는 버전이다.