트랜스 로더를 사용하여 내 이미지를 업로드하는 것에 대한 질문이 있습니다. 내가하고 싶은 일은 다음과 같습니다.Transloadit 세 이미지의 이미지 크기를 조정하고 저장하십시오.
파일 업로드 버튼이 있으며 이미지를 선택하면 화면에 이미지의 일부를 선택할 수있는 팝업 창이 열립니다. 이것은 초상화 &에서 할 수 있습니다. 다음은 이미지가 명확하게하는 것입니다 : 당신이 볼 수 있듯이 나는 두 가지 옵션이 있습니다
. 초상화와 풍경입니다. 양식 필드에 좌표를 저장합니다. 위쪽 입력 필드는 가로 좌표로 채워지고 아래쪽에는 세로 좌표로 채워집니다.
이제 "확인"을 클릭하면 세 개의 이미지를 저장하고 싶습니다. 원본, 세로 이미지 및 가로 이미지
나는 이미지를자를 수 있으므로 x와 y를 선택할 수있는 "자르기"옵션이 있다는 것을 알고 있습니다.
내 팝업에 이미지의 렌더링은 다음과 같이 발생합니다
// FILE UPLOAD CHANGE
$('#background').live('change', function(){ readURL(this); });
function readURL(input) {
// SHOW MODAL
$('#backgroundModal').modal('show');
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
// LOAD SRC ATTR AND SHOW IMAGE
$('#backgroundimg').attr('src', e.target.result);
$('#backgroundimg').show();
// LOAD JCROP (PORTRAIT)
loadjCrops(16,9,10,65,130,65);
// ADD SOME COLOR TO LANDSCAPE BUTTON
$('#landscape').addClass('selected');
}
reader.readAsDataURL(input.files[0]);
}
}
지금 어떻게 세 개의 이미지를 저장할 수 있습니다
? 나는 그것을 형식으로 가지고 있지 않다. ....