基于ThinkPHP5.0实现图像上传插件

效果预览：

该插件的主要功能是：预览裁剪后的图片并保存原始图片，执行裁剪图片后删除裁剪后的原始图片目录，以减少空间。

一、下载附件

地址：链接： https://pan.baidu.com/s/1nuQ4NgP密码： 4pbu

其次，把CropAvatar.php放在你自己程序目录的extend/org目录的附件中。如果遇到exif_imagetype错误，需要在php.ini中打开扩展名=php_exif.dll

第三，common.php的公共职能

在应用程序目录中找到common.php文件，并在其中添加常用函数：

/* * *转换字节* @param $bytes传入字节值* @ param int $ decimal * @返回字符串bkmgtp */函数human _ filesize ($ bytes，$ decimal=2){ $ SZ=' bkmgtp '；$ factor=floor((strlen($ bytes)-1)/3)；返回sprintf('%。{$decimals}f '，$bytes/pow(1024，$factor))。@ $ SZ[$ factor]；}/* * *删除此目录及其下的所有文件和文件夹* @param $dir目录* @ returnbool */function removedir($ dirname){//确定传入的参数是否是目录，如果不是文件删除如果(！Is_dir($dirName)) {//删除文件@ unlink($ DirName)；}//如果传入的目录是目录，使用@opendir打开目录，并将返回的句柄分配给$ handle $ handle=@ opendir($ dirname)；//在这里，明确测试返回值是否都等于(值和类型相同)FALSE //否则，如果任何目录项的名称计算结果为FALSE，则循环将停止(例如，名为“0”的目录)while($ file=@ readdir($ handle))！==false) {//在文件结构中，会有“.”这样的向上结构和“.”//但它们不是文件或文件夹if ($file！='.'$file！=' .'){//当前文件$dir是文件目录文件$dir=$dirName。'/' .$ file//判断$dir是否是目录，如果是，递归调用reMoveDir($dirName)函数//删除其中的文件和目录；如果不是目录，删除的文件是_dir($dir)？removeDir($ dir): @ unlink($ dir)；} } closedir($ handle)；返回rmdir($ DirNAmE)；}四。修改配置文件

在应用程序目录中找到配置文件config.php，并添加：

//添加一个' syc_images'=[//缩略图保存位置' thumb'='。/uploads/thumbs '，//附件图像保存位置' image'='。/uploads/images '，//将剪切后的原始图片保存在' original'='中。/uploads/original '，//上传限制2*1024*1024 'size'=2097152，】。5.将file-thumd-modal.html文件作为模板文件放在视图文件夹中，例如：

不及物动词控制器。附件中的Thumbs.php文件是一个示例控制器。您可以将控制器带到程序目录，并修改名称空间和方法名。控制器中有一个方法：index()，通过上传文件调用。如果要显示选择文件的页面，需要自己编写操作方法，比如test()。

公共函数测试(){ return $ this-fetch()；} }公共函数索引(){ 0.}七。视图层，在view文件夹中定义一个与测试方法相关的模板文件，在这个页面的body标签中添加class='page-header-fixed '，因为需要在JS中使用。A class=' BTN红BTN-轮廓加粗头像-视图'选择图片/a此标签用于打开模态框，类为头像-视图，{ include file=' public/file-thumd-modal ' }用于导入file-thumd-modal.html文件，需要找到模板文件的写入地址。

！DOCTYPE html//id='art-thumb '返回的图片地址//id='预览'返回的img小图//该页面需引入引导程序的js，css和jquery等文件head script src=' http : _ _ STATIC _/dist/js/jquery-1。11 .2 .量滴js '/script script src=' http : _ _ STATIC _/dist/js/bootstrap。量滴js '/脚本链接rel='样式表href=' _ _ STATIC _/dist/CSS/bootstrap。量滴CSS ' rel='外部no follow ' type=' text/CSS '/head dy class=' page-head-fixed ' img src='/public/uploads/thumbs/20170925135203666。png '/div class=' form-group ' label class=' control-label col-MD-2 '浓缩图片/label div class='col-md-3 '输入类型=' text ' name=' art _ thumb ' id=' art-thumb ' class=' form-control '/div class=' col-MD-2 '//调用头像-视图} a类='btn红色BTN轮廓sbold头像-视图'选择图片/a/div class=' col-MD-3 ' div id=' preview '/div/div/div {//file-thumd-modal . html可以引用到其他页面要用到的地方}{//引入上传图片模式} {包含文件=' public/file-thumd-modal ' }脚本语言=' JAVAScript ' type=' text/JAVAScript ' $(function(){ var $ IMgdiv=$(').化身包装器');$imgDiv.find('img ').cropper({ aspelection : nan })；//设置自由裁剪，NaN为自由裁剪，此为覆盖默认1:1比例裁剪框})/脚本/正文做好这些步骤，我们就可以使用该插件了，其它的一些像：图片存放位置，图片返回路径等等，可以子在相应的文件里面进行修改即可。

总结

以上所述是小编给大家介绍的基于ThinkPHP5.0实现图片上传插件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！