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/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>

What’s still popular is the ease of use, flexibility and a strong ecosystem. 1) Ease of use and simple syntax make it the first choice for beginners. 2) Closely integrated with web development, excellent interaction with HTTP requests and database. 3) The huge ecosystem provides a wealth of tools and libraries. 4) Active community and open source nature adapts them to new needs and technology trends.

PHP and Python are both high-level programming languages that are widely used in web development, data processing and automation tasks. 1.PHP is often used to build dynamic websites and content management systems, while Python is often used to build web frameworks and data science. 2.PHP uses echo to output content, Python uses print. 3. Both support object-oriented programming, but the syntax and keywords are different. 4. PHP supports weak type conversion, while Python is more stringent. 5. PHP performance optimization includes using OPcache and asynchronous programming, while Python uses cProfile and asynchronous programming.

PHP is mainly procedural programming, but also supports object-oriented programming (OOP); Python supports a variety of paradigms, including OOP, functional and procedural programming. PHP is suitable for web development, and Python is suitable for a variety of applications such as data analysis and machine learning.

PHP originated in 1994 and was developed by RasmusLerdorf. It was originally used to track website visitors and gradually evolved into a server-side scripting language and was widely used in web development. Python was developed by Guidovan Rossum in the late 1980s and was first released in 1991. It emphasizes code readability and simplicity, and is suitable for scientific computing, data analysis and other fields.

PHP is suitable for web development and rapid prototyping, and Python is suitable for data science and machine learning. 1.PHP is used for dynamic web development, with simple syntax and suitable for rapid development. 2. Python has concise syntax, is suitable for multiple fields, and has a strong library ecosystem.

PHP remains important in the modernization process because it supports a large number of websites and applications and adapts to development needs through frameworks. 1.PHP7 improves performance and introduces new features. 2. Modern frameworks such as Laravel, Symfony and CodeIgniter simplify development and improve code quality. 3. Performance optimization and best practices further improve application efficiency.

PHPhassignificantlyimpactedwebdevelopmentandextendsbeyondit.1)ItpowersmajorplatformslikeWordPressandexcelsindatabaseinteractions.2)PHP'sadaptabilityallowsittoscaleforlargeapplicationsusingframeworkslikeLaravel.3)Beyondweb,PHPisusedincommand-linescrip

PHP type prompts to improve code quality and readability. 1) Scalar type tips: Since PHP7.0, basic data types are allowed to be specified in function parameters, such as int, float, etc. 2) Return type prompt: Ensure the consistency of the function return value type. 3) Union type prompt: Since PHP8.0, multiple types are allowed to be specified in function parameters or return values. 4) Nullable type prompt: Allows to include null values and handle functions that may return null values.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Dreamweaver CS6
Visual web development tools