PHP调整Jcrop截取的上传头像功能
gt
lt
name
preview
PHP整合Jcrop截取的上传头像功能
先来看看简单Demo效果图 
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/imghw/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/imghw/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/imghw/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/imghw/default1.png" data-src="/uppic/uppict/default.jpg" id="target"/ alt="PHP调整Jcrop截取的上传头像功能" > <img src="/static/imghw/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/imghw/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>로그인 후 복사
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션
2 몇 주 전
By DDD
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
4 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
Gmail 이메일의 로그인 입구는 어디에 있나요?
7518
15
7518
15
Cakephp 튜토리얼
1378
52
1378
52
Steam의 계정 이름 형식은 무엇입니까?
81
11
81
11
Win11 활성화 키 영구
53
19
53
19
NYT 연결 힌트와 답변
21
68
21
68
화웨이 GT3 Pro와 GT4의 차이점은 무엇입니까?
Dec 29, 2023 pm 02:27 PM
많은 사용자들이 스마트 시계를 선택할 때 Huawei 브랜드를 선택하게 됩니다. 그 중 Huawei GT3pro와 GT4가 가장 인기 있는 선택입니다. 두 제품의 차이점을 궁금해하는 사용자가 많습니다. Huawei GT3pro와 GT4의 차이점은 무엇입니까? 1. 외관 GT4: 46mm와 41mm, 재질은 유리 거울 + 스테인레스 스틸 본체 + 고해상도 섬유 후면 쉘입니다. GT3pro: 46.6mm 및 42.9mm, 재질은 사파이어 유리 + 티타늄 본체/세라믹 본체 + 세라믹 백 쉘입니다. 2. 건강한 GT4: 최신 Huawei Truseen5.5+ 알고리즘을 사용하면 결과가 더 정확해집니다. GT3pro: ECG 심전도, 혈관 및 안전성 추가
수정: Windows 11에서 캡처 도구가 작동하지 않음
Aug 24, 2023 am 09:48 AM
Windows 11에서 캡처 도구가 작동하지 않는 이유 문제의 근본 원인을 이해하면 올바른 솔루션을 찾는 데 도움이 될 수 있습니다. 캡처 도구가 제대로 작동하지 않는 주요 이유는 다음과 같습니다. 초점 도우미가 켜져 있습니다. 이렇게 하면 캡처 도구가 열리지 않습니다. 손상된 응용 프로그램: 캡처 도구가 실행 시 충돌하는 경우 응용 프로그램이 손상되었을 수 있습니다. 오래된 그래픽 드라이버: 호환되지 않는 드라이버가 캡처 도구를 방해할 수 있습니다. 다른 응용 프로그램의 간섭: 실행 중인 다른 응용 프로그램이 캡처 도구와 충돌할 수 있습니다. 인증서가 만료되었습니다. 업그레이드 프로세스 중 오류로 인해 이 문제가 발생할 수 있습니다. 이 문제는 대부분의 사용자에게 적합하며 특별한 기술 지식이 필요하지 않습니다. 1. Windows 및 Microsoft Store 앱 업데이트
iPhone에서 App Store 오류에 연결할 수 없는 문제를 해결하는 방법
Jul 29, 2023 am 08:22 AM
1부: 초기 문제 해결 단계 Apple 시스템 상태 확인: 복잡한 솔루션을 살펴보기 전에 기본 사항부터 시작해 보겠습니다. 문제는 귀하의 기기에 있는 것이 아닐 수도 있습니다. Apple 서버가 다운되었을 수도 있습니다. Apple의 시스템 상태 페이지를 방문하여 AppStore가 제대로 작동하는지 확인하세요. 문제가 있는 경우 Apple이 문제를 해결하기를 기다리는 것뿐입니다. 인터넷 연결 확인: "AppStore에 연결할 수 없음" 문제는 때때로 연결 불량으로 인해 발생할 수 있으므로 인터넷 연결이 안정적인지 확인하십시오. Wi-Fi와 모바일 데이터 간을 전환하거나 네트워크 설정을 재설정해 보세요(일반 > 재설정 > 네트워크 설정 재설정 > 설정). iOS 버전을 업데이트하세요.
php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决
Jun 13, 2016 am 10:23 AM
php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出？想实现这样的效果：而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端，那么就用Ajax；仅供参考：HTML code
EcoFlow Delta Pro 3: 4,000W의 강력하고 특히 조용한 발전소 출시 예정
Jun 14, 2024 pm 12:44 PM
EcoFlow의 새로운 800W 배터리 충전기 출시와 Power Stream용 새 내후성 배터리 다음 흥미로운 신제품 출시가 곧 이어질 것입니다. 제조업체는 6월 24일 EcoFlowDeltaPro3 출시를 발표했습니다.
watch4pro가 더 나은가요, 아니면 gt인가요?
Sep 26, 2023 pm 02:45 PM
Watch4pro와 gt는 각각 서로 다른 기능과 적용 가능한 시나리오를 가지고 있습니다. 포괄적인 기능, 고성능, 세련된 외관에 중점을 두고 더 높은 가격을 감수할 의향이 있다면 Watch 4 Pro가 더 적합할 수 있습니다. 높은 기능 요구 사항이 없고 배터리 수명과 합리적인 가격에 더 많은 관심을 기울이는 경우 GT 시리즈가 더 적합할 수 있습니다. 최종 선택은 개인의 필요와 예산, 선호도에 따라 결정되어야 합니다. 자신의 필요를 잘 고려한 후 구매하고, 다양한 제품에 대한 리뷰와 비교를 참고하여 보다 현명한 선택을 하는 것이 좋습니다.
iPadOS 17.4로 iPad 배터리 수명을 최적화하는 방법
Mar 21, 2024 pm 10:31 PM
iPadOS 17.4로 iPad 배터리 수명을 최적화하는 방법 배터리 수명 연장은 모바일 장치 경험의 핵심이며 iPad가 좋은 예입니다. iPad의 배터리가 너무 빨리 소모된다고 생각되더라도 걱정하지 마세요. iPadOS 17.4에는 기기의 실행 시간을 크게 연장할 수 있는 여러 가지 요령과 조정 사항이 있습니다. 이 심층 가이드의 목표는 단순히 정보를 제공하는 것이 아니라 iPad 사용 방식을 바꾸고 전반적인 배터리 관리를 향상하며 기기를 충전하지 않고도 기기를 더 오랫동안 사용할 수 있도록 하는 것입니다. 여기에 설명된 사례를 채택함으로써 귀하는 개인의 요구 사항과 사용 패턴에 맞는 기술을 보다 효율적이고 주의 깊게 사용하는 방향으로 나아갈 수 있습니다. 주요 에너지 소비자 식별
Microsoft는 Copilot을 통해 Windows 11 23H2 빌드를 릴리스 미리 보기 채널에 출시하고 있습니다.
Sep 28, 2023 pm 07:17 PM
모두가 오늘의 Windows 1123H2 릴리스를 기대하고 있습니다. 실제로 마이크로소프트는 공식 출시 단계 전 가장 가까운 채널인 릴리즈 프리뷰에 대한 업데이트를 막 출시했다. 빌드 22631로 알려진 마이크로소프트는 지난 몇 달 동안 다른 내부 채널에서 테스트를 거친 새로운 브랜드의 채팅 앱, 전화 링크, 플레이 투게더 위젯을 출시할 예정이라고 밝혔습니다. "이 새로운 업데이트는 Windows 11 버전 22H2와 동일한 서비스 분기 및 코드 기반을 가지며 Windows의 Copilot(미리 보기)을 포함하여 새로 발표된 모든 기능과 함께 누적될 것입니다."라고 Microsoft는 약속합니다. 레드몬드 관계자 추가
