如何使用javascript或jquery在浏览器中自动裁剪图像

有人贴了一个很好的方法。我使用它来裁剪12张矩形照片：

PHP:

$count=count( $_FILES['photo']['tmp_name'] );

for($i=0;$i<$count;$i++){

$image=$_FILES['photo']["tmp_name"][$i];
$imagename=$_FILES['photo']["name"][$i];
move_uploaded_file($image,'images/'.$imagename);
$imglocation='images/'.$imagename;

$sizes = getimagesize($imglocation);
$imgwidth = $sizes[0];
$imgheight = $sizes[1];

if($imgwidth<$imgheight){
    $imgheight=$imgwidth;
}
elseif($imgheight<$imgwidth){
    $imgwidth=$imgheight;
}

$j=$i+1;

$imageCrop = new ImageCrop();
if ($imageCrop->openImage($imglocation)) {
    $imageCrop->crop($imgwidth, $imgheight); //newWidth, newHeight
    $imageCrop->save('data'.$j.'.png');
}
}

$count=count（$_文件['photo']['tmp_名称]]）；
对于（$i=0；$isave（'data'.$j..png'）；
}
}

---

现在，我想在浏览器中预览裁剪后的图像。由于我将使用会话，我不想在服务器上使用保存的图像，在javascript中使用它会很容易受到攻击。是否有方法获取上传的文件并在javascript中以相同的方式自动裁剪它们？

。没有自动用户界面。没有用户界面