웹 개발 메모장

[C#] 게시판 썸네일 등록, 게시글 img 태그를 이용하기 본문

옛날../C#

[C#] 게시판 썸네일 등록, 게시글 img 태그를 이용하기

도로롱주 2017. 11. 28. 15:12




게시글 작성 시 해당 글의 제일 위의 이미지를 썸네일로 등록





일반적인 게시판 글 작성 과정입니다.


1. 에디터에서 글 작성 중 이미지를 첨부하면 서버에 이미지를 저장합니다.

2. 서버에 저장된 이미지를 통해 에디터에서 <img src='서버에 저장된 경로' ... > 코드를 통해 에디터에 이미지를 보여줍니다.

3. 글 작성 시 DB에 에디터의 html코드가 저장됩니다.


이때


DB에 저장되기 전에

에디터의 내용(html 코드)이 예를 들어 string wcontent 저장된다고 할 때

wcontent 에서 IndexOf() 를 이용해 img 태그안의 src 내용을 찾아 이용합니다.


1
2
3
4
5
6
7
8
9
10
//이미지 태그 찾기
int startidx = wcontent.IndexOf("<img ");
 
if (startidx != -1)
{
    startidx = wcontent.IndexOf("src=\"", startidx) + 5;
    int endidx = wcontent.IndexOf('"', startidx);
    string thumbnail_Path = wcontent.Substring(startidx, endidx - startidx);
    //thumbnail_Path 를 이용해 썸네일 경로를 DB에 저장
}
cs



처음에 서버에 이미지를 저장할 때 썸네일 이미지 생성해서 경로까지 한번에 처리하면 좋겠지만

에디터 코드를 건드리기 무섭거나 시간이 없거나 할 때...


좀 야매 지만 이런 방식으로 이미지의 경로를 찾아 썸네일 경로를 저장하는 방법도 있습니다.

경로는 찾았으니 이미지파일을 압축해서 썸네일 용 이미지를 생성해 사용하는 것이 좋을 것 같습니다.



Comments