带有裁剪和调整大小的图像上传器

Posted

技术标签:

【中文标题】带有裁剪和调整大小的图像上传器【英文标题】:Image Uploader with Crop & Resize 【发布时间】:2012-10-16 10:46:26 【问题描述】:

嗯..我一直在寻找具有裁剪和调整大小功能的图片上传..

发现很多。 但我可以找到一个我可以选择必须宽度的地方..

如果我的 MUST-BE 宽度设置为 250 像素。

然后裁剪应允许最小宽度,该宽度应为设置的 MUST-BE 宽度。 裁剪时应该可以大于 MUST-BE 宽度,但裁剪后,它应该将宽度调整为设置的 MUST-BE 宽度..

希望我说得通。

我发现了这个:http://www.nwhite.net/2009/02/25/lassocrop-preview/ 哪个可以发挥大部分的魔力。

我只是不知道在选择正确的裁剪尺寸后如何让 php 执行这些操作? 以及如何使上传功能与此一起使用。

【问题讨论】:

你到底有什么问题? ***.com/questions/12891292/… 【参考方案1】:

这里我们可以得到 x,y,h 和 w。然后您可以将这些值分配给四个不同的隐藏输入字段,例如:

        <input type="hidden" name="x1" value="" id="x1" />
        <input type="hidden" name="y1" value="" id="y1" />
        <input type="hidden" name="x2" value="" id="x2" />
        <input type="hidden" name="y2" value="" id="y2" />
        <input type="hidden" name="w" value="" id="w" />
        <input type="hidden" name="h" value="" id="h" /> 

这样,使用表单操作,您可以在操作页面获取所有值 \

$x1 = $_POST["x1"];
$y1 = $_POST["y1"];
$x2 = $_POST["x2"];
$y2 = $_POST["y2"];
$w  = $_POST["w"];
$h  = $_POST["h"]; 

使用一些php图像函数我们可以裁剪图像

imagecreatetruecolor();

imagecopyresampled();

imagegif() 或 imagejpeg() 或 imagepng()

我想这些已经可以知道这些基本的php函数以及如何使用了谢谢

【讨论】:

【参考方案2】:

这是一个同时处理 javascript 和 PHP 方面的教程:http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop-v11/

【讨论】:

【参考方案3】:

试试这个 http://tympanus.net/codrops/2009/10/17/jquery-image-cropper-with-uploader/

【讨论】:

以上是关于带有裁剪和调整大小的图像上传器的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 调整大小(拖放)和裁剪

PHP:图像调整大小和裁剪为纵向

Cakephp 2+ 上传图片时调整图片大小和裁剪

PHP图像调整大小和裁剪功能

如何使用 vb.net 和 SQL Server 裁剪和调整图像大小

React 裁剪图像库,也可以移动或调整图像大小