5.Spring프로젝트(이미지 있는 포스팅 하기)

이미지 있는 포스팅/ 이미지 여러개 넣고 포스팅하기+ 썸네일로 뷰 보기! 가능하게 하는 것이 오늘의 목표!

그리고 로그인/ 로그아웃도 모달폼으로 바꾸기!

 

일단 로그인 안한 상태로 포스팅 페이지에 들어갈 수 없도록 설정을 해줬당.

 

이제 이미지를 넣고 하는 것을 해야하는데 그 전에 경로들이 말썽이라 경로를 좀 만져줘야할듯싶다.

 

 

 

이렇게 사진 올리면 미리보기 되게 하는 제이쿼리 소스로 !

 

   <!-- 제이쿼리로 이미지 파일 첨부시 미리보기 기능을 구현. -->
        <script type="text/javascript">
     function readURL(input){
      if(input.files && input.files[0]){
       var reader=new FileReader();
       reader.onload=function(e){
        $('#preview').attr('src',e.target.result);
       }
       reader.readAsDataURL(input.files[0]);
      }
     }
       
        var cnt=1;
      function fn_addFile(){
       $("#d_file").append("<br>"+"<input type='file' name='file"+cnt+"' />");
       cnt++;
      } 
    </script>

 

코드는 이거.

그리고 데이터 articleNO에 대해 시퀀스 추가해줘서 일단 AUTO_INCREMENT 추가해줬다. 근데 이게 그다지 좋지 않다고 함.

경로 완전정리편 ! 을 한번 만들든지 해봐야지..

 

일단 이미지까지 저장되는거 됐다! 근데 문제가 좀 경로? 종속적임// 이거 완전 고쳐야한다..

그리구 블로그 글들 전체보는 기능 이따 추가하기. 이건 쉬울듯.

 

생각보다 파일 처리가 엄청 복잡하다..

ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

천처니 해봐야지