Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]

Thumbor 이미지.. > 자유게시판

본문 바로가기

사이트 내 전체검색

뒤로가기 자유게시판

정보 Thumbor 이미지..

본문

참 많은 기능이 있는 것 같습니다.  시간날때 마다 조금씩 보고 있습니다.

 

어떻게 하면 사용이 가능할까요?

 

PHP와 Javascript를 넘나 드는 것이 어렵네요.

 

우선 생각나는 것을 적어봅니다.

  1. 사진 업로드
    에디터에서 Javascript 에서 ajax로 upload.php로 보내는데 Thumbor의  REST API로 보내면 됩니다.
    https://thumbor.readthedocs.io/en/latest/how_to_upload_images.html#
    curl -i -H "Content-Type: image/jpeg" -H "Slug: photo.jpg"
            -XPOST http://thumbor-server/image --data-binary "@tests/fixtures/images/20x20.jpg"

    이렇게 보내면
     

    HTTP/1.1 201 Created
    Content-Length: 0
    Content-Type: text/html; charset=UTF-8
    Location: /image/05b2eda857314e559630c6f3334d818d/photo.jpg
    Server: TornadoServer/2.1.1

    이렇게 리턴되네요.  그누보드는 이미지 파일 네임에 해시된 이름인데,  여기는 해시된 디렉토리에 지정된(slug 네임)으로 지정되네요

  2. 다양한 필터 기능
    https://thumbor.readthedocs.io/en/latest/filters.html#available-filters

    1. 사이즈 줄이기

    2. 워터마크 기능

    3. 흑백으로 보여주기 등이 쓸만할 것 같습니다.

  3. Cropper.js 를 적용?
    https://fengyuanchen.github.io/cropperjs/

    1. 이것을 적용할려면, 멀티플로 올렸을 때,  별도의 창이 나와서 옆쪽에 올린 사진 리스트가 나오고 클릭하면 왼쪽에서 에디팅할수 있는 화면이 나오게..

    2. 그 파라미터를 마크다운에 저장하고, 그것을 Thumbor와 연동해서 보여주게하기..

추천1 비추천 0

댓글목록 3

우성짱님의 댓글

우성짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (39.♡.♡.102) 작성일

thumbor와 그누보드가 연동되면 신세계 열릴 듯 합니다.

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (47.♡.♡.3) 작성일

만드신 도커에 추가하고, 썸네일 함수 근처에서 img 태그에 있는 주소 앞에 thumbor주소만 넣어주면 됩니다.

우성짱님의 댓글

우성짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (210.♡.♡.163) 작성일

리사이즈는 그누 자체가 가지고 있으니..

gif mp4 처리만 연동되면 최강일 것 같습니다.

전체 1,553건 59 페이지
게시물 검색
Copyright © apachezone.com. All rights reserved.

사이트 정보

사이트명 : apachezone.com
개인정보관리책임자 : JOO SUNG

PC 버전으로 보기