자바 스크립트가있는 PHP 이미지 크롭

Question

이미지 크롭을 만듭니다. 나는 PHP에서 다음을 선언했다. 이것은자를 이미지입니다.

$src_name = 'image.jpg'; 

간단한 자바 스크립트 이미지 스위처가 있습니다.

<script language="javascript" type="text/javascript"> 
function changebg(my) 
{ 
document.getElementById("cropframe").style.backgroundImage ='url('+ my.src +')'; 
document.getElementById("imglayer").style.backgroundImage ='url('+ my.src +')'; 
} 
</script> 
<img src="imagename1" width="50" height="50" onclick="changebg(this)" > 
<img src="imagename2" width="50" height="50" onclick="changebg(this)" > 
<div id="cropframe" style="background-image: url('<?=$src_original ?>')"></div> 
<div id="imglayer" style="width: 100%; height: 500px; padding: 1px; background-position: top left; background-image: url('<?=$src_original ?>')"> 

그런 다음 이미지의 자르기가 이루어지는 양식이 있습니다.

<form name="crop" method="post" action="crop-action.php"> 
<p><button onclick="cwcrop_handler.doCrop()">Crop</button></p> 

자를 이미지를 변경할 수 있습니까? 나는 PHP가 서버 측에서 일어난다는 것을 이해한다. 그러나 올바른 이미지가 잘려 지도록 새로운 이미지 이름을 "crop-action.php"에 전달하도록 할 수 있습니까? 감사합니다.

Answer 1

은 내가, 당신은 작물을 만들기 위해 사용자를 들여 방법

는 잘 모르겠어요 ... 바로 당신이 PHP로 자르기 서버 측 만들 것 이해하고, 단지 자바 스크립트를 통해 사용자로부터 입력을하면 간단한 해결책은 양식에 사후 변수를 추가하는 것입니다. 당신은 할 단순히 수있는이 같은 ...와

HTML : 사용자가 편집을 시작하고, 입력 요소의 값을 변경할 때

<input id="fileIdentifier" name="fileIdentifier" type="hidden" value="identity"> 

그런 다음 자바 스크립트로 입력을 가져옵니다. JS :

var fileID = doument.getElementByID("fileIdentifier"); 
fileID.value = imageIdentifierValue;