자른 이미지를 처리하고 게시물을 보내려면 어떻게해야합니까? 도서관에 Cropper.js을 사용하고 있습니다. 양식 요소에 이미있는 HTML 코드입니다. 이 코드는 샘플 관리 템플릿에서 복사됩니다. 자르기는 작동하지만 파일을 보낼 수 없습니다. HTML : <div class="row">
<div class="col-md-6">
<div class
모덜 윈도우에서 이미지를 자르려면 크로퍼 플러그인 (버전 2.3.4)을 사용하고 있습니다. 옵션으로 '대시 : 거짓'을 사용할 때를 제외하고는 모든 것이 잘 작동하는 것처럼 보입니다. 파선은 제거되지 않습니다. 여기 코드의 작은 비트 요소 여기 $('#imageToCrop').cropper({dashed: false, aspectRatio: 1/1});
dropsite.js와 함께 부트 스트랩을 사용하여 해당 사용자가 드래그하여 이미지를 업로드 할 수있게하려면 & drop. 따라서 여러 이미지가있는 경우에도 업로드를 포함하여 잘 작동하는 놓기 영역을 만들었습니다. 하지만 사진을 업로드하기 전에 자르기를 원합니다. 나는 this.on("added file", function(file){ 이벤트가 dropzo
크 로퍼를 사용하여 업로드 된 이미지에서 고정 크기 자르기를 시도합니다. 그 아이디어는 웹 사이트의 관리자가 (필요한 경우) 확대/축소 할 수 있고 변경 될 수없는 잘라내기를 새 프레임에 넣을 수 있다는 것입니다. 이 방법으로 자른 모든 이미지는 정확히 동일한 크기입니다. 사용자가 확대하지 않는 한 작동합니다.이 경우 결과 이미지가 작아지고 축소하면 확대됩
JavaScript cropperjs을 사용하여 사용자가 업로드 한 이미지를 자릅니다. 자르기 표시에서 자르기 상자 외부의 이미지는 표시되지 않습니다. 아래 그림에 표시된에서 샘플 - 내 농작물 설정입니다 - var cropper_opts = {
aspectRatio: 1/1,
viewMode: 0,
crop: function(e