자르기 이미지 - 최선의 방법

Question

지금까지 우리는 node.js 서버에 간단한 이미지 업로드를 한 다음 S3 버킷에 업로드했습니다. 우리는 형식과 파일 크기 만 확인했습니다. 클라이언트 측에서 자르기를 구현해야합니다.

1. Nodee.js 측 내가 사용하는 것입니다 내가 Jcrop를 사용 ImageMagick를
2. 클라이언트 측

아이디어는 다음과 같다 : 연구와 독서를 많이 한 후에는이 선택 것 같다 1. 사용자가 자르지 않은 이미지를 서버로 보내어 Amazon S3 에 업로드합니다. 2. 이미지가 S3에 업로드 된 후 (아마 임시 이미지를 서버에 저장) 링크가 사용자 측으로 전송되고 Jcrop이 활성화됩니다 image 3. 사용자가 이미지를 자르고 자르기 정보를 서버로 보내고, 이는 다시 그 정보를 사용하고 먹이를 4. 이미지 매직을 ImageMagick를 위해 이미지 5. 이미지 S3에 업로드됩니다 크기를 조정하고 사용자는 여기 질문 몇 데

크기가 조정 된 이미지와 다른 링크를받을 것 . 나는 누군가가 전에 그 일을했다는 것을 확신하며, 나는 당신의 경험에 감사 할 것입니다.

가.이 전략은 괜찮습니까. 서버, 클라이언트 및 S3간에 라우팅. 개선의 여지가 있다면, 그렇게 말하십시오. B. 자르기 데이터를 imagemagick으로 보낼 것입니다. Image magick은 같은 이미지에서 자르기 작업을 수행합니다.

괜찮습니까? 확인할 모든 예제 코드?

Answer 1

구형 브라우저를 지원해야하는 경우 제안하는 것이 좋은 해결책입니다. 그렇지 않으면 중복 될 수 있습니다.

HTML5와 캔버스 요소가있는 이전 브라우저 (Internet Explorer 8 이하 포함)를 제외해도 문제가없는 경우 클라이언트에서 크기를 조정하고 이미지를 직접자를 수 있습니다.
여기에는 많은 주제가 있습니다. 예 : Cropping images in the browser BEFORE the upload