Ponieważ bawię się imageareaselect i wszystko działa bez zarzutu oprócz wysylania pliku.
Zapraszam na stronę http://scatola.pl/Jcrop/demos/aaaa.php aby obejrzeć powstający błąd.
na zdjęciach 500x370 jest idealnie.
Chciałbym was poprosić o sprawdzenie kodu i podpowiedzenie mi co moge w tej sytuacji zrobić, domyslam się że muszę:
albo kazde zdjecie ustawić pod 500x370
albo dopasowywać skrypt do zdjęcia...
szczerze mowiac nie wiem co bedzie najlepszym rozwiązaniem...
if ($_SERVER['REQUEST_METHOD'] == 'POST') { $targ_w = $targ_h = 150; $jpeg_quality = 90; $src = 'demo_files/31.jpg'; $img_r = imagecreatefromjpeg($src); $dst_r = ImageCreateTrueColor( $targ_w, $targ_h ); imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'], $targ_w,$targ_h,$_POST['w'],$_POST['h']); imagejpeg($dst_r,null,$jpeg_quality); exit; }
<script language="Javascript"> $(function(){ $('#cropbox').Jcrop({ aspectRatio: 1, onSelect: updateCoords, onChange: showPreview, }); }); function updateCoords(c) { $('#x').val(c.x); $('#y').val(c.y); $('#w').val(c.w); $('#h').val(c.h); }; function checkCoords() { if (parseInt($('#w').val())) return true; alert('Please select a crop region then press submit.'); return false; }; function zmien(){ jQuery('#cropbox').Jcrop({ onChange: showPreview, onSelect: showPreview, aspectRatio: 1 }); }; function showPreview(coords) { if (parseInt(coords.w) > 0) { var rx = 100 / coords.w; var ry = 100 / coords.h; jQuery('#preview').css({ }); } } </script>
Spostrzegłem, że jak tutaj:
jQuery('#preview').css({ });
ustawie rozdzielczoś taka jak ma zdjęcie, a tu:
<img src="demo_files/31.jpg" id="cropbox"/>
nie dam width i height to jest wszystko ok,
czyli musiałbym ustawić w miejscach 320 i 240 w JS zeby automatycznie pobierał dane obrazka, problemy w tym są 2
1.nie wiem jak to zrobić
2.jeżeli obrazek bedzie miał dużą rozdzielczość to mi się dopasuje do całego okna i rozwali wygląd:/ więc wolalbym ze te dane były stałe...