[제로] 첨부파일 이미지 업로드시 미리보기 및 수정시 이미지 미리보기

페이지 정보

루루아빠 3,148 2005.06.24 02:26

평점

  • 평점 : 0점 (0명 참여)

본문

1. 첨부파일 이미지 업로드시 미리보기

 적용할 게시판 스킨 폴더 write.php 파일 상단에 아래 스크립트 삽입

<script>
 function img_filetype_view()
         {
         img_views = "view_" + event.srcElement.name.split("file")[1];
        
         if(event.srcElement.value.match(/(.jpg|.jpeg|.gif|.png|.bmp|.pdf)$/))
         {
                 document.images[img_views].src = event.srcElement.value;
                 document.images[img_views].style.display = "";
         }
         else
         {
                 document.images[img_views].style.display = "none";
         }
         }
 </script>

같은 파일 주욱~ 밑으로 내려가서 아래 부분과 비슷한 부분을 찾아서
<?=$hide_pds_start?>

 <input> 이부분을 다음과 같이 수정합니다..
 <input type=file name=file1 <?=size(40)?> maxlength=255 class=input onChange="img_filetype_view()"><img src=$dir/t.gif border=0 width=0><br><img id=view_1 width='200' style="display:none;"><?=$file_name1?>

 <input type=file name=file2 <?=size(40)?> maxlength=255 class=input onChange="img_filetype_view()"><img src=$dir/t.gif border=0 width=0><br><img id=view_2 width='200' style="display:none;"><?=$file_name2?>


 2. 수정시 첨부 이미지 미리보기

bbs/write.php에서

/******************************************************************************************
 * 글쓰기 모드에 따른 내용 체크
*****************************************************************************************/
        if($mode=="modify") {
찾아서 조금 내려오면

if($data[file_name1])$file_name1="<br><img src=$data[file_name1] width='100'> ".$data[s_file_name1]."이 등록되어 있습니다. <input type=checkbox name=del_file1 value=1> 삭제";
if($data[file_name2])$file_name2="<br><img src=$data[file_name2] width='100'>".$data[s_file_name2]."이 등록되어 있습니다. <input type=checkbox name=del_file2 value=1> 삭제";

이 부분을 아래와 같이 수정합니다.

if(eregi("\.gif|\.jpg",$data[file_name1])) $filename1 = $_zb_url.$data[file_name1];
 if(eregi("\.gif|\.jpg",$data[file_name2])) $filename2 = $_zb_url.$data[file_name2];

 if($filename1) $imgList1.="<img src='$filename1' border=0 style=border-color:black width=200 vspacing=10 hspacing=10>";
 else $imgList1.="<img src='images/no_image.gif' border=1 style=border-color:black width=200 vspacing=10 hspacing=10>";
 if($filename2) $imgList2.="<img src='$filename2' border=0 style=border-color:black width=200 vspacing=10 hspacing=10>";
 else $imgList2.="<img src='images/no_image.gif' border=1 style=border-color:black width=1 vspacing=10 hspacing=10>"; 

추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,291,261
레벨 96
경험치 1,390,416

Progress Bar 78%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7434 페이지
제목 글쓴이 날짜 조회 추천
제로  댓글+1🔒 💾 멀티갤러리 통합추출 팁 루루아빠 2005.06.27 30 0
제로  🔒 멀티게시판 코멘트 통합추출 팁 루루아빠 2005.06.27 17 0
제로  🔒 [re] 진보된 추출법 루루아빠 2005.06.27 4 0
제로  댓글+1🔒 여러 게시판의 최근글 통합해서 뽑아내기 루루아빠 2005.06.27 24 0
제로  🏆 [re] 조금더 전문적인 사용법 루루아빠 2005.06.27 2,300 0
제로  🏆 최근 게시물보기 속도 빠르게 만들기 루루아빠 2005.06.24 2,675 0
제로  🏆 🚩 첨부파일 이미지 업로드시 미리보기 및 수정시 이미지 미리보기 루루아빠 2005.06.24 3,149 0
제로  🏆 글, 링크 이미지, 업로드 이미지 모두 가운데 정렬하기 루루아빠 2005.06.24 2,757 0
제로  🏆 읽고 있는글의 링크를 해제하여 해당글을 다시 클릭할 수 없게 하기 루루아빠 2005.06.24 3,002 0
제로  🏆 제로보드에 나오는 변수들의 뜻 정리 루루아빠 2005.06.23 2,504 0
제로  🏆 💾 [스킨만들기] view_list_foot.php(목록 출력 마무리 부분)의 설명입니다 루루아빠 2005.06.23 2,702 0
제로  🏆 💾 [스킨만들기] view_list_main.php(목록 출력 부분)의 설명입니다 루루아빠 2005.06.23 2,484 0
제로  🏆 💾 [스킨만들기] view_list_head.php(리스트의 상단 부분 출력)의 설명입니다 루루아빠 2005.06.23 2,525 0
제로  🏆 💾 [스킨만들기] view_foot.php(이전 다음글, 버튼 표시 부분)의 설명입니다 루루아빠 2005.06.23 2,510 0
제로  🏆 💾 [스킨만들기] view_write_comment.php(댓글 쓰기 부분)의 설명입니다 루루아빠 2005.06.23 2,691 0
제로  🏆 💾 [스킨만들기] view_comment.php(댓글 출력 부분) 의 설명입니다 루루아빠 2005.06.23 3,143 0
제로  🏆 💾 [스킨만들기] view.php(목록보기) 파일 설명입니다 루루아빠 2005.06.23 2,758 0
제로  🏆 💾 [스킨만들기] write.php(글쓰기 폼) 설명입니다 루루아빠 2005.06.23 5,203 0
제로  🏆 💾 [스킨만들기] list_foot.php(목록출력 마무리 부분)의 설명입니다 루루아빠 2005.06.23 2,989 0
제로  🏆 💾 [스킨만들기] list_main(목록 출력 부분)의 설명입니다 루루아빠 2005.06.23 2,704 0