안녕하세요 선생님 만든 list에 내용과 image표시하고싶습니다

[고현호]

서버는 이렇게 바꾸고 

app.post('/adds',upload.single('이미지'),function(요청,응답){
    응답.send('전송완료');
    console.log(요청.body)
    //한개씩 찾기!!!!!!!!!!!!
    요청.body.img=요청.body.이미지
    db.collection('counter').findOne({name : '게시물갯수'},function(에러,결과){
     console.log(결과.totalPost)
     var 총게시물개수=결과.totalPost;
     db.collection('post').insertOne( {_id : 총게시물개수+1,이름 : 요청.body.title,내용: 요청.body.img} , function(에러, 결과){
        console.log('저장완료'); 
        //DB데이터수정
        //문법 set 바꿀값 !! inc 기존값에 더해줄값!!
        db.collection('counter').updateOne({name : '게시물갯수'},{$inc:{totalPost:1}},function(에러,결과)
        {
            if(에러){return console.log(에러)} 
            //업데이트가되면 코드실행하세용
        })
    
    });
    
    });
    
    });
    

list.ejs에서는

 <div class='container'>
      <ul class="list-group">
        <% for (var i = 0; i < posts.length; i++){ %>
        <li class="list-group-item">
          <p> Item_num : <%= posts[i]._id%></p>
          <h4> 이름 : <%= posts[i].이름 %> </h4>
          <p> 이미지 : <%= posts[i].내용 %> </p>

          <div class="containter mt-4">
        
            <img  src='\image\'+<%= posts[i].내용 %>>
           </div>
         

          <button class="btn btn-danger delete" data-id="<%=posts[i]._id%>">Delete</button>
          <button class="btn btn-primary apply" data-id="<%=posts[i]._id%>">Apply</button>
          <button class="btn btn-primary changes" data-id="<%=posts[i]._id%>">Edit</button>
          

          
      

        </li> 
        <% } %>
      </ul>
</div>

이렇게구현했는데 어떤부분을고쳐야 이미지를깨짐을 안되게할수있을까요>?

 

 

[codingapple]

일단 DB 게시물 안에 이미지 경로도 잘 저장되어있나요 

posts[i].내용은 글내용 꺼내는 코드같아서 

<img src="posts[i].DB에저장된이미지경로">

이렇게 바꿔주셔야할듯요 

역시 html도 잘해야합니다 

 

[글쓴이]

글