Jcrop介绍

Jcrop是一个jQuery插件，它能为你的WEB应用程序快速简单地提供图片裁剪的功能。
特点：
1、对所有图片均unobtrusively（无侵入的，保持DOM简洁）
2、支持宽高比例锁定
3、支持 minSize / maxSize设置
4、支持改变选区或移动选区时的回调（Callback）
5、支持用键盘微调选区
6、通过API创建互动，比如动画效果
7、支持CSS样式

详细请自行百度jcrop

Demo介绍

这个Demo选择整合了jcrop的截取图片插件，
上传图片还是使用file表单提交，php后台处理截图保存。

模块目录如下：
├─controller （控制器）
├─uppict （上传图片暂存位置）
├─userpic （截图保存位置）
└─views （视图）
这里写图片描述

视图代码croppic.php如下：

<code class=" hljs xml"><span class="php"><span class="hljs-preprocessor"><?php</span><span class="hljs-comment">/*** 20150520 11:50* 作者：Ro* 修改时间 20150522 13:50* 修改内容 合并上传和截取图片功能*/</span><span class="hljs-comment">//上传文件类型列表</span><span class="hljs-variable">$uptypes</span>=<span class="hljs-keyword">array</span>(    <span class="hljs-string">'image/jpg'</span>,    <span class="hljs-string">'image/jpeg'</span>,    <span class="hljs-string">'image/png'</span>    );<span class="hljs-preprocessor">?></span></span><span class="hljs-tag"><<span class="hljs-title">html</span>></span><span class="hljs-tag"><<span class="hljs-title">head</span>></span>    <span class="hljs-tag"><<span class="hljs-title">meta</span> <span class="hljs-attribute">http-equiv</span>=<span class="hljs-value">"Content-Type"</span> <span class="hljs-attribute">content</span>=<span class="hljs-value">"text/html; charset=utf-8"</span> /></span>    <span class="hljs-tag"><<span class="hljs-title">link</span> <span class="hljs-attribute">rel</span>=<span class="hljs-value">"stylesheet"</span> <span class="hljs-attribute">href</span>=<span class="hljs-value">"css/main.css"</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/css"</span> /></span>    <span class="hljs-tag"><<span class="hljs-title">link</span> <span class="hljs-attribute">rel</span>=<span class="hljs-value">"stylesheet"</span> <span class="hljs-attribute">href</span>=<span class="hljs-value">"css/demos.css"</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/css"</span> /></span>    <span class="hljs-tag"><<span class="hljs-title">link</span> <span class="hljs-attribute">rel</span>=<span class="hljs-value">"stylesheet"</span> <span class="hljs-attribute">href</span>=<span class="hljs-value">"css/jquery.Jcrop.css"</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/css"</span> /></span>    <span class="hljs-tag"><<span class="hljs-title">link</span> <span class="hljs-attribute">rel</span>=<span class="hljs-value">"stylesheet"</span> <span class="hljs-attribute">href</span>=<span class="hljs-value">"css/uppic.css"</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"text/css"</span> /></span>    <span class="hljs-tag"><<span class="hljs-title">title</span>></span>头像上传<span class="hljs-tag"></<span class="hljs-title">title</span>></span><span class="hljs-tag"></<span class="hljs-title">head</span>></span><span class="hljs-tag"><<span class="hljs-title">body</span>></span>    <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"container"</span>></span>        <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"row"</span>></span>            <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"span12"</span>></span>                <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"jc-demo-box"</span>></span>                    <span class="hljs-tag"><<span class="hljs-title">div</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"clear_float"</span>></span>                        <span class="php"><span class="hljs-preprocessor"><?php</span>                         <span class="hljs-keyword">if</span>(<span class="hljs-keyword">isset</span>(<span class="hljs-variable">$_GET</span>[<span class="hljs-string">'name'</span>]))                        {                            <span class="hljs-keyword">echo</span><span class="hljs-string">'                            <img  class="float lazy"  src="/static/imghwm/default1.png"  data-src="/uppic/uppict/default.jpg" </span alt="PHP调整Jcrop截取的上传头像功能" >.<span>$_GET</span>[<span>'name'</span>].<span>'"  id="target"/>                            <img  class="float lazy"  src="/static/imghwm/default1.png"  data-src="/uppic/uppict/default.jpg" </span alt="PHP调整Jcrop截取的上传头像功能" >.<span>$_GET</span>[<span>'name'</span>].<span>'"  id="real_img"   style="max-width:90%"/>                            <div id="preview-pane">                                <div>                                    <img  class="float lazy"  src="/static/imghwm/default1.png"  data-src="/uppic/uppict/default.jpg" </span alt="PHP调整Jcrop截取的上传头像功能" >.<span>$_GET</span>[<span>'name'</span>].<span>'" alt="Preview" />                                </div>                            </div>                            '</span>;                        }                        <span>else</span>                        {                            <span>echo</span><span>'                            <img  class="float lazy"  src="/static/imghwm/default1.png"  data-src="/uppic/uppict/default.jpg"   id="target"/ alt="PHP调整Jcrop截取的上传头像功能" >                            <img  src="/static/imghwm/default1.png"  data-src="/uppic/uppict/default.jpg"  class="lazy"  id="real_img"   style="max-width:90%"/ alt="PHP调整Jcrop截取的上传头像功能" >                            <div id="preview-pane">                                <div class="preview-container">                                    <img class="jcrop-preview float lazy"  src="/static/imghwm/default1.png"  data-src="/uppic/uppict/default.jpg"  alt="Preview" />                                </div>                            </div>                            '</span>;                        }                        <span class="hljs-preprocessor">?></span></span>                    <span class="hljs-tag"></<span class="hljs-title">div</span>></span>                    <span class="hljs-tag"><<span class="hljs-title">form</span> <span class="hljs-attribute">action</span>=<span class="hljs-value">"http://<?php echo $_SERVER['HTTP_HOST'];?>/uppic/controller/croppic.php?mothed=up"</span> <span class="hljs-attribute">enctype</span>=<span class="hljs-value">"multipart/form-data"</span> <span class="hljs-attribute">method</span>=<span class="hljs-value">"post"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"upform"</span>></span>                        上传文件:                        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"upfile"</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"file"</span>></span>                        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"submit"</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">"上传图片"</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"btn btn-large btn-inverse"</span>></span><span class="hljs-tag"><<span class="hljs-title">br</span>></span>                        允许上传的文件类型为:<span class="php"><span class="hljs-preprocessor"><?</span>=implode(<span class="hljs-string">', '</span>,<span class="hljs-variable">$uptypes</span>)<span class="hljs-preprocessor">?></span></span>                    <span class="hljs-tag"></<span class="hljs-title">form</span>></span>                    <span class="php"><span class="hljs-preprocessor"><?php</span>                     <span class="hljs-keyword">if</span>(<span class="hljs-keyword">isset</span>(<span class="hljs-variable">$_GET</span>[<span class="hljs-string">'name'</span>]))                    {                        <span class="hljs-keyword">echo</span> <span class="hljs-string">'                        <form action="http://'</span>.<span class="hljs-variable">$_SERVER</span>[<span class="hljs-string">'HTTP_HOST'</span>].<span class="hljs-string">'/uppic/controller/croppic.php?mothed=crop&name='</span>.<span class="hljs-variable">$_GET</span>[<span class="hljs-string">'name'</span>].<span class="hljs-string">'" method="post" onsubmit="return checkCoords();">                        '</span>;                    }                    <span class="hljs-keyword">else</span>                    {                        <span class="hljs-keyword">echo</span> <span class="hljs-string">'                        <form action="http://'</span>.<span class="hljs-variable">$_SERVER</span>[<span class="hljs-string">'HTTP_HOST'</span>].<span class="hljs-string">'/uppic/controller/croppic.php?mothed=crop&name=default.jpg" method="post" onsubmit="return checkCoords();">                        '</span>;                    }                    <span class="hljs-preprocessor">?></span></span>                        <span class="hljs-comment"><!-- 记录截图坐标和宽高 --></span>                        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"hidden"</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"x"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"x"</span> /></span>                        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"hidden"</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"y"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"y"</span> /></span>                        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"hidden"</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"w"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"w"</span> /></span>                        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"hidden"</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"h"</span> <span class="hljs-attribute">name</span>=<span class="hljs-value">"h"</span> /></span>                        <span class="hljs-tag"><<span class="hljs-title">input</span> <span class="hljs-attribute">type</span>=<span class="hljs-value">"submit"</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">"保存"</span> <span class="hljs-attribute">class</span>=<span class="hljs-value">"btn btn-large btn-inverse"</span>/></span>                    <span class="hljs-tag"></<span class="hljs-title">form</span>></span>                <span class="hljs-tag"></<span class="hljs-title">div</span>></span>            <span class="hljs-tag"></<span class="hljs-title">div</span>></span>        <span class="hljs-tag"></<span class="hljs-title">div</span>></span>    <span class="hljs-tag"></<span class="hljs-title">div</span>></span><span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">"js/jquery.min.js"</span>></span><span class="javascript"></span><span class="hljs-tag"></<span class="hljs-title">script</span>></span><span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">"js/jquery.Jcrop.js"</span>></span><span class="javascript"></span><span class="hljs-tag"></<span class="hljs-title">script</span>></span><span class="hljs-tag"><<span class="hljs-title">script</span> <span class="hljs-attribute">src</span>=<span class="hljs-value">"js/crop.js"</span>></span><span class="javascript"></span><span class="hljs-tag"></<span class="hljs-title">script</span>></span><span class="hljs-tag"></<span class="hljs-title">body</span>></span><span class="hljs-tag"></<span class="hljs-title">html</span>></span></code>

视图js代码crop.js如下：

<code class=" hljs javascript"><span class="hljs-comment">/** * 20150518 15:35 * author : Ro * changeDate： 20150519 10:25 * changeContext：修改计算坐标算法 */</span><span class="hljs-comment">/***检测是否有选取一个区域**/</span><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">checkCoords</span><span class="hljs-params">()</span>{</span>    <span class="hljs-keyword">if</span> (<span class="hljs-built_in">parseInt</span>($(<span class="hljs-string">'#w'</span>).val()))       <span class="hljs-keyword">return</span> <span class="hljs-literal">true</span>;    alert(<span class="hljs-string">"请截取一个区域再提交保存！"</span>);    <span class="hljs-keyword">return</span> <span class="hljs-literal">false</span>;};jQuery(<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">($)</span>{</span>    <span class="hljs-keyword">var</span> jcrop_api,        boundx,        boundy,    <span class="hljs-comment">// Grab some information about the preview pane</span>    $preview = $(<span class="hljs-string">'#preview-pane'</span>),    $pcnt = $(<span class="hljs-string">'#preview-pane .preview-container'</span>),    $pimg = $(<span class="hljs-string">'#preview-pane .preview-container img'</span>),    <span class="hljs-comment">//这里获取的是装img的div宽高</span>    xsize = $pcnt.width(),    ysize = $pcnt.height();    <span class="hljs-comment">//这里可以设置jcrop的属性，</span>    <span class="hljs-comment">//如当改变截取区域时激活onChange: updatePreview动作等</span>    $(<span class="hljs-string">'#target'</span>).Jcrop({      onChange: updatePreview,      onSelect: updatePreview,      aspectRatio: xsize / ysize    },<span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span>{</span>      <span class="hljs-comment">// 用jcrop的getBounds()方法获取真实尺寸</span>      <span class="hljs-keyword">var</span> bounds = <span class="hljs-keyword">this</span>.getBounds();      boundx = bounds[<span class="hljs-number">0</span>];      boundy = bounds[<span class="hljs-number">1</span>];      <span class="hljs-comment">// Store the API in the jcrop_api variable</span>      jcrop_api = <span class="hljs-keyword">this</span>;      <span class="hljs-comment">// Move the preview into the jcrop container for css positioning</span>      $preview.appendTo(jcrop_api.ui.holder);    });    <span class="hljs-comment">//更新jcrop预览视图</span>    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">updatePreview</span><span class="hljs-params">(c)</span>    {</span>      <span class="hljs-keyword">if</span> (<span class="hljs-built_in">parseInt</span>(c.w) > <span class="hljs-number">0</span>)      {        <span class="hljs-comment">//下面的比例是div的宽高与截图坐标比</span>        <span class="hljs-keyword">var</span> rx = xsize / c.w;        <span class="hljs-keyword">var</span> ry = ysize / c.h;        <span class="hljs-comment">//改变预览图的大小和显示位置</span>        $pimg.css({          width: <span class="hljs-built_in">Math</span>.round(rx * boundx) + <span class="hljs-string">'px'</span>,          height: <span class="hljs-built_in">Math</span>.round(ry * boundy) + <span class="hljs-string">'px'</span>,          marginLeft: <span class="hljs-string">'-'</span> + <span class="hljs-built_in">Math</span>.round(rx * c.x) + <span class="hljs-string">'px'</span>,          marginTop: <span class="hljs-string">'-'</span> + <span class="hljs-built_in">Math</span>.round(ry * c.y) + <span class="hljs-string">'px'</span>        });        <span class="hljs-keyword">var</span> realWidth =  $(<span class="hljs-string">"#real_img"</span>).width();        <span class="hljs-keyword">var</span> realHeight = $(<span class="hljs-string">"#real_img"</span>).height();    <span class="hljs-comment">//记录位置和宽高</span>        $(<span class="hljs-string">'#x'</span>).val(<span class="hljs-built_in">Math</span>.round( c.x * realWidth / boundx ));        $(<span class="hljs-string">'#y'</span>).val(<span class="hljs-built_in">Math</span>.round( c.y * realHeight / boundy));        $(<span class="hljs-string">'#w'</span>).val(<span class="hljs-built_in">Math</span>.round( c.w * realWidth / boundx ));        $(<span class="hljs-string">'#h'</span>).val(<span class="hljs-built_in">Math</span>.round( c.w * realWidth / boundx ));      }    };});</code>

控制器代码croppic.php如下：

<code class=" hljs xml"><span class="php"><span class="hljs-comment"><span class="hljs-preprocessor"><?php</span>/** * 20150520 11:50 * 作者：Ro * 修改时间 20150522 13:50 * 修改内容 合并上传和截取图片功能 * 修改时间 20150527 15:23 * 修改内容 判断png和jpg而作对应操作 */</span><span class="hljs-comment">/******************************************************************************参数说明:$max_file_size  : 上传文件大小限制, 单位BYTE$destination_folder : 上传文件路径使用说明:1. 将PHP.INI文件里面的"extension=php_gd2.dll"一行前面的;号去掉,因为我们要用到GD库;2. 将extension_dir =改为你的php_gd2.dll所在目录;******************************************************************************/</span><span class="hljs-comment">//上传文件类型列表</span><span class="hljs-variable">$uptypes</span>=<span class="hljs-keyword">array</span>(    <span class="hljs-string">'image/jpg'</span>,    <span class="hljs-string">'image/jpeg'</span>,    <span class="hljs-string">'image/png'</span>    );<span class="hljs-comment">//上传文件大小限制, 单位BYTE</span><span class="hljs-variable">$max_file_size</span>=<span class="hljs-number">2000000</span>;     <span class="hljs-comment">//上传文件路径'../uppict/'</span><span class="hljs-variable">$destination_folder</span>=<span class="hljs-string">"../uppict/"</span>; <span class="hljs-comment">//请求上传图片操作</span><span class="hljs-keyword">if</span> (<span class="hljs-variable">$_SERVER</span>[<span class="hljs-string">'REQUEST_METHOD'</span>] == <span class="hljs-string">'POST'</span> && <span class="hljs-string">'up'</span>==<span class="hljs-variable">$_GET</span>[<span class="hljs-string">'mothed'</span>]){    <span class="hljs-comment">//是否存在文件</span>    <span class="hljs-keyword">if</span> (!is_uploaded_file(<span class="hljs-variable">$_FILES</span>[<span class="hljs-string">"upfile"</span>][<span class="hljs-string">"tmp_name"</span>]))    {       <span class="hljs-keyword">echo</span> <span class="hljs-string">"图片不存在!"</span>;       <span class="hljs-keyword">exit</span>;   }   <span class="hljs-variable">$file</span> = <span class="hljs-variable">$_FILES</span>[<span class="hljs-string">"upfile"</span>];    <span class="hljs-comment">//检查文件大小</span>   <span class="hljs-keyword">if</span>(<span class="hljs-variable">$max_file_size</span> < <span class="hljs-variable">$file</span>[<span class="hljs-string">"size"</span>])   {    <span class="hljs-keyword">echo</span> <span class="hljs-string">"文件太大!"</span>;    <span class="hljs-keyword">exit</span>;}    <span class="hljs-comment">//检查文件类型</span><span class="hljs-keyword">if</span>(!in_array(<span class="hljs-variable">$file</span>[<span class="hljs-string">"type"</span>], <span class="hljs-variable">$uptypes</span>)){    <span class="hljs-keyword">echo</span> <span class="hljs-string">"文件类型不符!"</span>.<span class="hljs-variable">$file</span>[<span class="hljs-string">"type"</span>];    <span class="hljs-keyword">exit</span>;}<span class="hljs-keyword">if</span>(!file_exists(<span class="hljs-variable">$destination_folder</span>)){    mkdir(<span class="hljs-variable">$destination_folder</span>);}    <span class="hljs-comment">//获取信息</span><span class="hljs-variable">$filename</span>=<span class="hljs-variable">$file</span>[<span class="hljs-string">"tmp_name"</span>];<span class="hljs-variable">$image_size</span> = getimagesize(<span class="hljs-variable">$filename</span>);<span class="hljs-variable">$pinfo</span>=pathinfo(<span class="hljs-variable">$file</span>[<span class="hljs-string">"name"</span>]);<span class="hljs-variable">$ftype</span>=<span class="hljs-variable">$pinfo</span>[<span class="hljs-string">'extension'</span>];    <span class="hljs-comment">//可以在这修改上传后图片的名字，这里以time()为命名</span><span class="hljs-variable">$destination</span> = <span class="hljs-variable">$destination_folder</span>.time().<span class="hljs-string">"."</span>.<span class="hljs-variable">$ftype</span>;    <span class="hljs-comment">//检查是否已经存在同名文件</span><span class="hljs-keyword">if</span> (file_exists(<span class="hljs-variable">$destination</span>) && <span class="hljs-variable">$overwrite</span> != <span class="hljs-keyword">true</span>){    <span class="hljs-keyword">echo</span> <span class="hljs-string">"同名文件已经存在了"</span>;    <span class="hljs-keyword">exit</span>;}    <span class="hljs-comment">//上传图片操作</span><span class="hljs-keyword">if</span>(!move_uploaded_file (<span class="hljs-variable">$filename</span>, <span class="hljs-variable">$destination</span>)){    <span class="hljs-keyword">echo</span> <span class="hljs-string">"移动文件出错"</span>;    <span class="hljs-keyword">exit</span>;}    <span class="hljs-comment">//获取信息</span><span class="hljs-variable">$pinfo</span>=pathinfo(<span class="hljs-variable">$destination</span>);<span class="hljs-variable">$fname</span>=<span class="hljs-variable">$pinfo</span>[<span class="hljs-string">'basename'</span>];    <span class="hljs-comment">//重定向浏览器 </span>header(<span class="hljs-string">'Location: http://'</span>.<span class="hljs-variable">$_SERVER</span>[<span class="hljs-string">'HTTP_HOST'</span>].<span class="hljs-string">'/uppic/views/croppic.php?name='</span>.<span class="hljs-variable">$fname</span>);     <span class="hljs-comment">//确保重定向后，后续代码不会被执行 </span><span class="hljs-keyword">exit</span>;}<span class="hljs-comment">//请求截图保存操作</span><span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (<span class="hljs-variable">$_SERVER</span>[<span class="hljs-string">'REQUEST_METHOD'</span>] == <span class="hljs-string">'POST'</span> && <span class="hljs-string">'crop'</span>==<span class="hljs-variable">$_GET</span>[<span class="hljs-string">'mothed'</span>]){    <span class="hljs-comment">//获取图片名</span>    <span class="hljs-variable">$name</span>=<span class="hljs-variable">$_GET</span>[<span class="hljs-string">'name'</span>];    <span class="hljs-comment">//高宽</span>    <span class="hljs-variable">$targ_w</span> = <span class="hljs-variable">$targ_h</span> = <span class="hljs-number">150</span>;    <span class="hljs-comment">/**     *范围从 0（最差质量，文件更小）     *到 100（最佳质量，文件最大）。     *默认为 IJG 默认的质量值（大约 75）     */</span>    <span class="hljs-variable">$jpeg_quality</span> = <span class="hljs-number">90</span>;    <span class="hljs-comment">//图片暂放地址'../uppict/'</span>    <span class="hljs-variable">$src</span> = <span class="hljs-string">"../uppict/"</span>.<span class="hljs-variable">$_GET</span>[<span class="hljs-string">'name'</span>];    <span class="hljs-comment">//分开图片名和图片后缀</span>    <span class="hljs-variable">$arr_name</span> = explode ( <span class="hljs-string">"."</span>, <span class="hljs-variable">$name</span> );    <span class="hljs-comment">//判断图片后缀选择新建图片方式</span>    <span class="hljs-variable">$img_r</span> =<span class="hljs-string">''</span>;    <span class="hljs-keyword">if</span> (<span class="hljs-string">'png'</span> == <span class="hljs-variable">$arr_name</span> [<span class="hljs-number">1</span>])    {        <span class="hljs-variable">$img_r</span> = imagecreatefrompng ( <span class="hljs-variable">$src</span> );    } <span class="hljs-keyword">else</span>    {        <span class="hljs-variable">$img_r</span> = imagecreatefromjpeg ( <span class="hljs-variable">$src</span> );    }    <span class="hljs-variable">$dst_r</span> = ImageCreateTrueColor( <span class="hljs-variable">$targ_w</span>, <span class="hljs-variable">$targ_h</span> );    <span class="hljs-comment">//截取图片</span>    imagecopyresampled(<span class="hljs-variable">$dst_r</span>,<span class="hljs-variable">$img_r</span>,<span class="hljs-number">0</span>,<span class="hljs-number">0</span>,<span class="hljs-variable">$_POST</span>[<span class="hljs-string">'x'</span>],<span class="hljs-variable">$_POST</span>[<span class="hljs-string">'y'</span>],<span class="hljs-variable">$targ_w</span>,<span class="hljs-variable">$targ_h</span>,<span class="hljs-variable">$_POST</span>[<span class="hljs-string">'w'</span>],<span class="hljs-variable">$_POST</span>[<span class="hljs-string">'h'</span>]);    <span class="hljs-comment">//判断图片后缀选择生成图片</span>    <span class="hljs-comment">//保存位置'../userpic/'// 生成图片</span>    <span class="hljs-keyword">if</span> (<span class="hljs-string">'png'</span> == <span class="hljs-variable">$arr_name</span> [<span class="hljs-number">1</span>])    {        imagepng ( <span class="hljs-variable">$dst_r</span>, <span class="hljs-string">'../userpic/'</span> . <span class="hljs-variable">$name</span> );    } <span class="hljs-keyword">else</span>    {        imagejpeg ( <span class="hljs-variable">$dst_r</span>, <span class="hljs-string">'../userpic/'</span> . <span class="hljs-variable">$name</span>, <span class="hljs-variable">$jpeg_quality</span> );    }    <span class="hljs-comment">//显示保存后的图片</span>    <span class="hljs-keyword">echo</span> <span class="hljs-string">'<img  src="../userpic/'</span alt="PHP调整Jcrop截取的上传头像功能" >.<span class="hljs-variable">$name</span>.<span class="hljs-string">'" />'</span>;    <span class="hljs-keyword">exit</span>;}<span class="hljs-preprocessor">?></span></span></code>

Kenyataan

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Berkaitan

Status Semasa PHP: Lihat trend pembangunan webApr 13, 2025 am 12:20 AM

PHP tetap penting dalam pembangunan web moden, terutamanya dalam pengurusan kandungan dan platform e-dagang. 1) PHP mempunyai ekosistem yang kaya dan sokongan rangka kerja yang kuat, seperti Laravel dan Symfony. 2) Pengoptimuman prestasi boleh dicapai melalui OPCACHE dan NGINX. 3) Php8.0 memperkenalkan pengkompil JIT untuk meningkatkan prestasi. 4) Aplikasi awan asli dikerahkan melalui Docker dan Kubernet untuk meningkatkan fleksibiliti dan skalabiliti.

PHP vs Bahasa Lain: PerbandinganApr 13, 2025 am 12:19 AM

PHP sesuai untuk pembangunan web, terutamanya dalam pembangunan pesat dan memproses kandungan dinamik, tetapi tidak baik pada sains data dan aplikasi peringkat perusahaan. Berbanding dengan Python, PHP mempunyai lebih banyak kelebihan dalam pembangunan web, tetapi tidak sebaik python dalam bidang sains data; Berbanding dengan Java, PHP melakukan lebih buruk dalam aplikasi peringkat perusahaan, tetapi lebih fleksibel dalam pembangunan web; Berbanding dengan JavaScript, PHP lebih ringkas dalam pembangunan back-end, tetapi tidak sebaik JavaScript dalam pembangunan front-end.

PHP vs Python: Ciri dan Fungsi TerasApr 13, 2025 am 12:16 AM

PHP dan Python masing -masing mempunyai kelebihan sendiri dan sesuai untuk senario yang berbeza. 1.PHP sesuai untuk pembangunan web dan menyediakan pelayan web terbina dalam dan perpustakaan fungsi yang kaya. 2. Python sesuai untuk sains data dan pembelajaran mesin, dengan sintaks ringkas dan perpustakaan standard yang kuat. Apabila memilih, ia harus diputuskan berdasarkan keperluan projek.

PHP: Bahasa utama untuk pembangunan webApr 13, 2025 am 12:08 AM

PHP adalah bahasa skrip yang digunakan secara meluas di sisi pelayan, terutamanya sesuai untuk pembangunan web. 1.PHP boleh membenamkan HTML, memproses permintaan dan respons HTTP, dan menyokong pelbagai pangkalan data. 2.PHP digunakan untuk menjana kandungan web dinamik, data borang proses, pangkalan data akses, dan lain -lain, dengan sokongan komuniti yang kuat dan sumber sumber terbuka. 3. PHP adalah bahasa yang ditafsirkan, dan proses pelaksanaan termasuk analisis leksikal, analisis tatabahasa, penyusunan dan pelaksanaan. 4.Php boleh digabungkan dengan MySQL untuk aplikasi lanjutan seperti sistem pendaftaran pengguna. 5. Apabila debugging php, anda boleh menggunakan fungsi seperti error_reporting () dan var_dump (). 6. Mengoptimumkan kod PHP untuk menggunakan mekanisme caching, mengoptimumkan pertanyaan pangkalan data dan menggunakan fungsi terbina dalam. 7

PHP: asas banyak laman webApr 13, 2025 am 12:07 AM

Sebab mengapa PHP adalah timbunan teknologi pilihan untuk banyak laman web termasuk kemudahan penggunaannya, sokongan komuniti yang kuat, dan penggunaan yang meluas. 1) Mudah dipelajari dan digunakan, sesuai untuk pemula. 2) Mempunyai komuniti pemaju yang besar dan sumber yang kaya. 3) Digunakan secara meluas dalam platform WordPress, Drupal dan lain -lain. 4) Mengintegrasikan dengan ketat dengan pelayan web untuk memudahkan penggunaan pembangunan.

Di luar gembar -gembur: Menilai peranan PHP hari iniApr 12, 2025 am 12:17 AM

PHP kekal sebagai alat yang kuat dan digunakan secara meluas dalam pengaturcaraan moden, terutamanya dalam bidang pembangunan web. 1) PHP mudah digunakan dan diintegrasikan dengan lancar dengan pangkalan data, dan merupakan pilihan pertama bagi banyak pemaju. 2) Ia menyokong penjanaan kandungan dinamik dan pengaturcaraan berorientasikan objek, sesuai untuk membuat dan mengekalkan laman web dengan cepat. 3) Prestasi PHP dapat ditingkatkan dengan caching dan mengoptimumkan pertanyaan pangkalan data, dan komuniti yang luas dan ekosistem yang kaya menjadikannya masih penting dalam timbunan teknologi hari ini.

Apakah rujukan yang lemah dalam PHP dan bilakah mereka berguna?Apr 12, 2025 am 12:13 AM

Dalam PHP, rujukan lemah dilaksanakan melalui kelas lemah dan tidak akan menghalang pemungut sampah daripada menebus objek. Rujukan lemah sesuai untuk senario seperti sistem caching dan pendengar acara. Harus diingat bahawa ia tidak dapat menjamin kelangsungan hidup objek dan pengumpulan sampah mungkin ditangguhkan.

Terangkan kaedah sihir __invoke dalam PHP.Apr 12, 2025 am 12:07 AM

Kaedah \ _ \ _ membolehkan objek dipanggil seperti fungsi. 1. Tentukan kaedah \ _ \ _ supaya objek boleh dipanggil. 2. Apabila menggunakan sintaks $ OBJ (...), PHP akan melaksanakan kaedah \ _ \ _ invoke. 3. Sesuai untuk senario seperti pembalakan dan kalkulator, meningkatkan fleksibiliti kod dan kebolehbacaan.

See all articles