上传前裁剪图像

Question

我有这段代码：

<form method="post" action="postoffer.php" enctype="multipart/form-data" data-ajax="false">

                    <label for="image">Select Image: </label>
                    <input type="file"  name="image" accept="image/*"capture>

                    <input type="submit" value="Send!" name="send">
</form>

我需要裁剪上传的图片，然后再将其传递给＆＃34; postoffer.php＆＃34;。

我不需要向用户显示已被裁剪的用户。我只想说例如20％的顶部和底部。

有没有javascript方法来实现这个目标？

谢谢！