php+mysql 게시판 만들기 강좌 #22. 회원 게시판 - 다중 파일 첨부 multiple 와 뷰화면에 보여주기

앞에 했던 첨부파일은 파일을 한번에 하나만 선택할 수 있었다. 이번엔 옵션 multiple을 이용해서 여러파일을 선택해 등록할 수 있도록 작업해보겠다. wirte.php를 수정한다.

 

/write.php

<?php

include $_SERVER["DOCUMENT_ROOT"]."/inc/header.php";

if(!$_SESSION['UID']){

    echo "<script>alert('회원 전용 게시판입니다.');history.back();</script>";

    exit;

}

$bid=$_GET["bid"];//get으로 넘겼으니 get으로 받는다.

$parent_id=$_GET["parent_id"];

if($bid){//bid가 있다는건 수정이라는 의미다.

    $result = $mysqli->query("select * from board where bid=".$bid) or die("query error => ".$mysqli->error);

    $rs = $result->fetch_object();

    if($rs->userid!=$_SESSION['UID']){

        echo "<script>alert('본인 글이 아니면 수정할 수 없습니다.');history.back();</script>";

        exit;

    }

}

if($parent_id){//parent_id가 있다는건 답글이라는 의미다.

    $result = $mysqli->query("select * from board where bid=".$parent_id) or die("query error => ".$mysqli->error);

    $rs = $result->fetch_object();

    $rs->subject = "[RE]".$rs->subject;

}

?>

        <form method="post" action="write_ok.php" enctype="multipart/form-data">

            <input type="hidden" name="bid" value="<?php echo $bid;?>">

            <input type="hidden" name="parent_id" value="<?php echo $parent_id;?>">

            <div class="mb-3">

            <label for="exampleFormControlInput1" class="form-label">제목</label>

                <input type="text" name="subject" class="form-control" id="exampleFormControlInput1" placeholder="제목을 입력하세요." value="<?php echo $rs->subject;?>">

            </div>

            <div class="mb-3">

            <label for="exampleFormControlTextarea1" class="form-label">내용</label>

            <textarea class="form-control" id="exampleFormControlTextarea1" name="content" rows="3"><?php echo $rs->content;?></textarea>

            </div>

            <div class="mb-3">

                <input type="file" name="upfile[]" multiple>

            </div>

            <button type="submit" class="btn btn-primary">등록</button>

        </form>

<?php

include $_SERVER["DOCUMENT_ROOT"]."/inc/footer.php";

?>

<input type="file" name="upfile[]" multiple> 이렇게 수정한거다. multiple이란 옵션을 줬고 name을 배열변수은 upfile[] 이렇게 변경했다. 이번엔 write_ok.php를 수정해보자

 

/write_ok.php

 

<?php session_start();

include $_SERVER["DOCUMENT_ROOT"]."/inc/dbcon.php";

if(!$_SESSION['UID']){

    echo "<script>alert('회원 전용 게시판입니다.');location.href='/index.php';</script>";

    exit;

}

// echo "<pre>";

// print_r($_FILES);

// exit;

$subject=$_POST["subject"];

$content=$_POST["content"];

$bid=$_POST["bid"];//bid값이 있으면 수정이고 아니면 등록이다.

$parent_id=$_POST["parent_id"];//parent_id가 있으면 답글이다.

$userid=$_SESSION['UID'];//userid는 세션값으로 넣어준다.

$status=1;//status는 1이면 true, 0이면 false이다.

if($bid){//bid값이 있으면 수정이고 아니면 등록이다.

    $result = $mysqli->query("select * from board where bid=".$bid) or die("query error => ".$mysqli->error);

    $rs = $result->fetch_object();

    if($rs->userid!=$_SESSION['UID']){

        echo "<script>alert('본인 글이 아니면 수정할 수 없습니다.');location.href='/';</script>";

        exit;

    }

    $sql="update board set subject='".$subject."', content='".$content."', modifydate=now() where bid=".$bid;

}else{

    if($parent_id){//답글인 경우 쿼리를 수정해서 parent_id를 넣어준다.

        $sql="insert into board (userid,subject,content,parent_id) values ('".$userid."','".$subject."','".$content."','".$parent_id."')";

    }else{

        $sql="insert into board (userid,subject,content) values ('".$userid."','".$subject."','".$content."')";

    }

   

}

$result=$mysqli->query($sql) or die($mysqli->error);

if(!$bid)$bid = $mysqli -> insert_id;

if(count($_FILES["upfile"]["name"])>0){//첨부한 파일이 있으면

    for($k=0;$k<count($_FILES["upfile"]["name"]);$k++){

        if($_FILES['upfile']['size'][$k]>10240000){//10메가

            echo "<script>alert('10메가 이하만 첨부할 수 있습니다.');history.back();</script>";

            exit;

        }

        if($_FILES['upfile']['type'][$k]!='image/jpeg' and $_FILES['upfile']['type'][$k]!='image/gif' and $_FILES['upfile']['type'][$k]!='image/png'){//이미지가 아니면, 다른 type은 and로 추가

            echo "<script>alert('이미지만 첨부할 수 있습니다.');history.back();</script>";

            exit;

        }

        $save_dir = $_SERVER['DOCUMENT_ROOT']."/data/";//파일을 업로드할 디렉토리

        $filename = $_FILES["upfile"]["name"][$k];

        $ext = pathinfo($filename,PATHINFO_EXTENSION);//확장자 구하기

        $newfilename = date("YmdHis").substr(rand(),0,6);

        $upfile = $newfilename.".".$ext;//새로운 파일이름과 확장자를 합친다

       

        if(move_uploaded_file($_FILES["upfile"]["tmp_name"][$k], $save_dir.$upfile)){//파일 등록에 성공하면 디비에 등록해준다.

            $sql="INSERT INTO testdb.file_table

            (bid, userid, filename)

            VALUES(".$bid.", '".$_SESSION['UID']."', '".$upfile."')";

            $result=$mysqli->query($sql) or die($mysqli->error);

        }

    }

}

if($result){

    echo "<script>location.href='/index.php';</script>";

    exit;

}else{

    echo "<script>alert('글등록에 실패했습니다.');history.back();</script>";

    exit;

}

?>

배열로 넘겨줬으니 배열로 받아주면 된다. 여러개를 입력해도 for문을 이용해 입력한 갯수만큼 처리해주면 된다. 

 

이제 view.php 파일을 수정해 등록한 이미지가 화면에 나타나도록 해보겠다.

 

/view.php

<?php

include $_SERVER["DOCUMENT_ROOT"]."/inc/header.php";

$bid=$_GET["bid"];

$result = $mysqli->query("select * from board where bid=".$bid) or die("query error => ".$mysqli->error);

$rs = $result->fetch_object();

$query="select * from memo where status=1 and bid=".$rs->bid." order by memoid asc";

$memo_result = $mysqli->query($query) or die("query error => ".$mysqli->error);

while($mrs = $memo_result->fetch_object()){

    $memoArray[]=$mrs;

}

$fquery="select * from file_table where status=1 and bid=".$rs->bid." order by fid asc";

$file_result = $mysqli->query($fquery) or die("query error => ".$mysqli->error);

while($frs = $file_result->fetch_object()){

    $fileArray[]=$frs;

}

$query2="select type,count(*) as cnt from recommend r where bid=".$rs->bid." group by type";

$rec_result = $mysqli->query($query2) or die("query error => ".$mysqli->error);

while($recs = $rec_result->fetch_object()){

  $recommend[$recs->type] = $recs->cnt;

}

?>

<style>

  img {

    max-width:90%;

  }

</style>

      <h3 class="pb-4 mb-4 fst-italic border-bottom" style="text-align:center;">

        - 게시판 보기 -

      </h3>

      <article class="blog-post">

        <h2 class="blog-post-title"><?php echo $rs->subject;?></h2>

        <p class="blog-post-meta"><?php echo $rs->regdate;?> by <a href="#"><?php echo $rs->userid;?></a></p>

        <hr>

        <?php

          foreach($fileArray as $fa){

        ?>

          <p><img src="/data/<?php echo $fa->filename;?>"></p>

        <?php }?>

        <p>

          <?php echo $rs->content;?>

        </p>

       

        <div style="text-align:center;">

          <button type="button" class="btn btn-lg btn-primary" id="like_button">추천&nbsp;<span id="like"><?php echo number_format($recommend['like']);?></span></button>

          <button type="button" class="btn btn-lg btn-warning" id="hate_button">반대&nbsp;<span id="hate"><?php echo number_format($recommend['hate']);?></span></button>

        </div>

        <hr>

      </article>

     

      <nav class="blog-pagination" aria-label="Pagination">

        <a class="btn btn-outline-secondary" href="/index.php">목록</a>

        <a class="btn btn-outline-secondary" href="/write.php?parent_id=<?php echo $rs->bid;?>">답글</a>

        <a class="btn btn-outline-secondary" href="/write.php?bid=<?php echo $rs->bid;?>">수정</a>

        <a class="btn btn-outline-secondary" href="/delete.php?bid=<?php echo $rs->bid;?>">삭제</a>

      </nav>

      <div style="margin-top:20px;">

        <form class="row g-3">

          <div class="col-md-10">

            <textarea class="form-control" placeholder="댓글을 입력해주세요." id="memo" style="height: 60px"></textarea>

          </div>

          <div class="col-md-2">

            <button type="button" class="btn btn-secondary" id="memo_button">댓글등록</button>

          </div>

        </form>

      </div>

      <div id="memo_place">

      <?php

        foreach($memoArray as $ma){

      ?>

        <div class="card mb-4" id="memo_<?php echo $ma->memoid?>" style="max-width: 100%;margin-top:20px;">

          <div class="row g-0">

            <div class="col-md-12">

              <div class="card-body">

                <p class="card-text"><?php echo $ma->memo;?></p>

                <p class="card-text"><small class="text-muted"><?php echo $ma->userid;?> / <?php echo $ma->regdate;?></small></p>

                <p class="card-text" style="text-align:right"><a href="javascript:;" onclick="memo_modi(<?php echo $ma->memoid?>)">수정</a> / <a href="javascript:;" onclick="memo_del(<?php echo $ma->memoid?>)">삭제</a></p>

              </div>

            </div>

          </div>

        </div>

      <?php }?>

      </div>

<script>

  $("#like_button").click(function () {

    if(!confirm('추천하시겠습니까?')){

      return false;

    }

     

      var data = {

          type : 'like' ,

          bid : <?php echo $bid;?>

      };

          $.ajax({

              async : false ,

              type : 'post' ,

              url : 'like_hate.php' ,

              data  : data ,

              dataType : 'json' ,

              error : function() {} ,

              success : function(return_data) {

                if(return_data.result=="member"){

                  alert('로그인 하십시오.');

                  return;

                }else if(return_data.result=="check"){

                  alert('이미 추천이나 반대를 하셨습니다.');

                  return;

                }else if(return_data.result=="no"){

                  alert('다시한번 시도해주십시오.');

                  return;

                }else{

                  $("#like").text(return_data.cnt);

                }

              }

          });

  });

  $("#hate_button").click(function () {

    if(!confirm('반대하시겠습니까?')){

      return false;

    }

     

      var data = {

          type : 'hate' ,

          bid : <?php echo $bid;?>

      };

          $.ajax({

              async : false ,

              type : 'post' ,

              url : 'like_hate.php' ,

              data  : data ,

              dataType : 'json' ,

              error : function() {} ,

              success : function(return_data) {

                if(return_data.result=="member"){

                  alert('로그인 하십시오.');

                  return;

                }else if(return_data.result=="check"){

                  alert('이미 추천이나 반대를 하셨습니다.');

                  return;

                }else if(return_data.result=="no"){

                  alert('다시한번 시도해주십시오.');

                  return;

                }else{

                  $("#hate").text(return_data.cnt);

                }

              }

          });

  });

  $("#memo_button").click(function () {

   

        var data = {

            memo : $('#memo').val() ,

            bid : <?php echo $bid;?>

        };

            $.ajax({

                async : false ,

                type : 'post' ,

                url : 'memo_write.php' ,

                data  : data ,

                dataType : 'html' ,

                error : function() {} ,

                success : function(return_data) {

                  if(return_data=="member"){

                    alert('로그인 하십시오.');

                    return;

                  }else{

                    $("#memo_place").append(return_data);

                  }

                }

        });

    });

  function memo_del(memoid){

    if(!confirm('삭제하시겠습니까?')){

      return false;

    }

   

    var data = {

        memoid : memoid

    };

        $.ajax({

            async : false ,

            type : 'post' ,

            url : 'memo_delete.php' ,

            data  : data ,

            dataType : 'json' ,

            error : function() {} ,

            success : function(return_data) {

              if(return_data.result=="member"){

                alert('로그인 하십시오.');

                return;

              }else if(return_data.result=="my"){

                alert('본인이 작성한 글만 삭제할 수 있습니다.');

                return;

              }else if(return_data.result=="no"){

                alert('삭제하지 못했습니다. 관리자에게 문의하십시오.');

                return;

              }else{

                $("#memo_"+memoid).hide();

              }

            }

    });

  }

  function memo_modi(memoid){

    var data = {

        memoid : memoid

    };

   

    $.ajax({

          async : false ,

          type : 'post' ,

          url : 'memo_modify.php' ,

          data  : data ,

          dataType : 'html' ,

          error : function() {} ,

          success : function(return_data) {

            if(return_data=="member"){

              alert('로그인 하십시오.');

              return;

            }else if(return_data=="my"){

              alert('본인이 작성한 글만 수정할 수 있습니다.');

              return;

            }else if(return_data=="no"){

              alert('수정하지 못했습니다. 관리자에게 문의하십시오.');

              return;

            }else{

              $("#memo_"+memoid).html(return_data);

            }

          }

    });

  }

  function memo_modify(memoid){

    var data = {

        memoid : memoid,

        memo : $('#memo_text_'+memoid).val()

    };

    $.ajax({

          async : false ,

          type : 'post' ,

          url : 'memo_modify_update.php' ,

          data  : data ,

          dataType : 'html' ,

          error : function() {} ,

          success : function(return_data) {

            if(return_data=="member"){

              alert('로그인 하십시오.');

              return;

            }else if(return_data=="my"){

              alert('본인이 작성한 글만 수정할 수 있습니다.');

              return;

            }else if(return_data=="no"){

              alert('수정하지 못했습니다. 관리자에게 문의하십시오.');

              return;

            }else{

              $("#memo_"+memoid).html(return_data);

            }

          }

    });

    }

</script>

<?php

include $_SERVER["DOCUMENT_ROOT"]."/inc/footer.php";

?>

댓글 처리할때와 똑같이 디비에서 정보를 가져와 뿌려주면 된다. 쉽다.

 

개발하다 힘들면 눌러.

https://www.zzarbang.com