PHP は、Jcrop によってインターセプトされたアップロード アバター関数を統合します
最初に簡単なデモのレンダリングを見てみましょう
Jcrop の概要
Jcrop は、WEB アプリケーションに画像のトリミング機能を迅速かつ簡単に提供できる jQuery プラグインです。
特徴:
1. すべての画像は目立たない (非侵入的であり、DOM をシンプルに保ちます)
2. アスペクト比のロックをサポートします
3. minSize / maxSize 設定をサポートします
4.選択範囲の変更または移動
5. キーボードを使用した選択範囲の微調整をサポート
6. API を介してアニメーション効果などのインタラクションを作成
7. CSS スタイルをサポート
お問い合わせください詳細 Baidu jcrop
デモの紹介
このデモでは、jcrop の画像キャプチャ プラグインを統合することを選択します。
画像をアップロードするか、ファイル フォームを使用して送信すると、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>声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
PHP対Python：違いを理解しますApr 11, 2025 am 12:15 AMPHP and Python each have their own advantages, and the choice should be based on project requirements. 1.PHPは、シンプルな構文と高い実行効率を備えたWeb開発に適しています。 2。Pythonは、簡潔な構文とリッチライブラリを備えたデータサイエンスと機械学習に適しています。
PHP：それは死にかけていますか、それとも単に適応していますか？Apr 11, 2025 am 12:13 AMPHPは死にかけていませんが、常に適応して進化しています。 1）PHPは、1994年以来、新しいテクノロジーの傾向に適応するために複数のバージョンの反復を受けています。 2）現在、電子商取引、コンテンツ管理システム、その他の分野で広く使用されています。 3）PHP8は、パフォーマンスと近代化を改善するために、JITコンパイラおよびその他の機能を導入します。 4）Opcacheを使用してPSR-12標準に従って、パフォーマンスとコードの品質を最適化します。
PHPの未来：適応と革新Apr 11, 2025 am 12:01 AMPHPの将来は、新しいテクノロジーの傾向に適応し、革新的な機能を導入することで達成されます。1）クラウドコンピューティング、コンテナ化、マイクロサービスアーキテクチャに適応し、DockerとKubernetesをサポートします。 2）パフォーマンスとデータ処理の効率を改善するために、JITコンパイラと列挙タイプを導入します。 3）パフォーマンスを継続的に最適化し、ベストプラクティスを促進します。
PHPの抽象クラスまたはインターフェイスに対して、いつ特性を使用しますか？Apr 10, 2025 am 09:39 AMPHPでは、特性は方法が必要な状況に適していますが、継承には適していません。 1）特性により、クラスの多重化方法が複数の継承の複雑さを回避できます。 2）特性を使用する場合、メソッドの競合に注意を払う必要があります。メソッドの競合は、代替およびキーワードとして解決できます。 3）パフォーマンスを最適化し、コードメンテナビリティを改善するために、特性の過剰使用を避け、その単一の責任を維持する必要があります。
依存関係噴射コンテナ（DIC）とは何ですか？また、なぜPHPで使用するのですか？Apr 10, 2025 am 09:38 AM依存関係噴射コンテナ（DIC）は、PHPプロジェクトで使用するオブジェクト依存関係を管理および提供するツールです。 DICの主な利点には、次のものが含まれます。1。デカップリング、コンポーネントの独立したもの、およびコードの保守とテストが簡単です。 2。柔軟性、依存関係を交換または変更しやすい。 3.テスト可能性、単体テストのために模擬オブジェクトを注入するのに便利です。
通常のPHPアレイと比較して、SPL SPLFIXEDARRAYとそのパフォーマンス特性を説明してください。Apr 10, 2025 am 09:37 AMSplfixedArrayは、PHPの固定サイズの配列であり、高性能と低いメモリの使用が必要なシナリオに適しています。 1）動的調整によって引き起こされるオーバーヘッドを回避するために、作成時にサイズを指定する必要があります。 2）C言語アレイに基づいて、メモリと高速アクセス速度を直接動作させます。 3）大規模なデータ処理とメモリに敏感な環境に適していますが、サイズが固定されているため、注意して使用する必要があります。
PHPは、ファイルを安全に処理する方法をどのように処理しますか？Apr 10, 2025 am 09:37 AMPHPは、$ \ _ファイル変数を介してファイルのアップロードを処理します。セキュリティを確保するための方法には次のものが含まれます。1。アップロードエラー、2。ファイルの種類とサイズを確認する、3。ファイル上書きを防ぐ、4。ファイルを永続的なストレージの場所に移動します。
Null Coulescingオペレーター（??）およびNull Coulescing Assignment Operator（?? =）とは何ですか？Apr 10, 2025 am 09:33 AMJavaScriptでは、nullcoalescingoperator（??）およびnullcoalescingsignmentoperator（?? =）を使用できます。 1.？？最初の非潜水金または非未定されたオペランドを返します。 2.？？これらの演算子は、コードロジックを簡素化し、読みやすさとパフォーマンスを向上させます。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
3週間前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最高のグラフィック設定
3週間前By尊渡假赌尊渡假赌尊渡假赌
アサシンのクリードシャドウズ：シーシェルリドルソリューション
2週間前ByDDD
R.E.P.O.誰も聞こえない場合はオーディオを修正する方法
3週間前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25：Myriseのすべてのロックを解除する方法
3週間前By尊渡假赌尊渡假赌尊渡假赌
ホットツール
WebStorm Mac版
便利なJavaScript開発ツール
MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
