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와 연동해서 보여주게하기..