thinkPHP+uploadify 实现图片上传预览-php手册-PHP中文網

首頁

php教程

php手册

thinkPHP+uploadify 实现图片上传预览

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 07, 2016 am 11:45 AM

thinkPHP+uploadify 实现图片上传预览 ,小弟新手，做的不足的地方望指教！
效果图
模板文件: nbsp;html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta> <link> <link> <script></script> <script></script> <script></script> <style> #image{ height:300px; width:720px; border:1px #969594 solid; } </style> <title>图片上传</title> <form> <div></div> <input> </form> <div></div> <script> $(document).ready(function () { $("#uploadify").uploadify({ 'uploader':'/Public/jquery.uploadify-v2.1.0/uploadify.swf', //swf路径 'script': '/Code/file', //后台处理文件上传的路径 'cancelImg':'/Public/jquery.uploadify-v2.1.0/cancel.png', //按钮背景图片的路径 'folder': '/Uploads', 'method':'post', 'buttonText':'file', 'fileExt': '*.jpg;*.gif,*.png', //允许上传的文件格式为*.jpg,*.gif,*.png 'fileDesc': 'Web Image Files(.JPG,.GIF,.PNG)', //过滤掉除了*.jpg,*.gif,*.png的文件 'queueID': 'fileQueue', 'sizeLimit': '2048000', //最大允许的文件大小为2M 'fileDataName':'uploadify', 'auto': false, 'queueSizeLimit':15, 'simUploadLimit':15, 'removeCompleted':false, 'multi':true, 'onCancel': funCancel, //当用户取消上传时 'onComplete': funComplete, //完成上传任务 'OnError': funError //上传发生错误时 }); }); //用户取消函数 function funCancel(event, ID, fileObj, data) { alert('您取消了操作'); return; } //图片上传发生的事件 function funComplete(event, ID, fileObj, response, data) { //alert('上传事件'); if (response == 0) { alert('图片' + fileObj.name + '操作失败'); return false; }else{ var str=$('#image').html(); var add="<img src='"+"/Uploads/"+response+"'" +" style="max-width:90%"/ alt="thinkPHP+uploadify 实现图片上传预览" >"; str+=add; $('#image').html(str); return true; } } //上传发生错误时。 function funError(event, ID, fileObj, errorObj) { //alert('错误事件'); alert(errorObj.info); return; } </script> <a>上传</a>| 控制器类: <?php /* * 新闻类 */ class ArticleAction extends Action{ // /*public function load() { import('@.ORG.editor'); $ob=new editor("800px",'400px','editor'); $str=$ob->userJs(); $editor=$ob->createEditor(); $this->assign("str",$str); $this->assign("editor",$editor); $this->display(); } // public function php() { import('@.ORG.editor'); $ob=new editor( ); $content=$ob->getEditorContent(); $this->assign('content',$content); $this->display(); } */ public function file() { //加载文件上传，图片处理类 import("@.ORG.UploadFile"); //导入上传类 $upload = new UploadFile(); //设置上传文件大小 $upload->maxSize=3292200; //设置上传文件类型 $upload->allowExts=explode(',','jpg,gif,png,jpeg'); //设置附件上传目录 $upload->savePath='./Uploads/'; //设置需要生成缩略图，仅对图像文件有效 $upload->thumb = true; // 设置引用图片类库包路径 $upload->imageClassPath ='@.ORG.Image'; //设置需要生成缩略图的文件后缀 $upload->thumbPrefix='m_,s_'; //生产2张缩略图 //设置缩略图最大宽度 $upload->thumbMaxWidth='400,100'; //设置缩略图最大高度 $upload->thumbMaxHeight='400,100'; //设置上传文件规则 $upload->saveRule='uniqid'; //删除原图 $upload->thumbRemoveOrigin=true; if( !$upload->upload() ) { echo '0'; }else{ $info=$upload->getUploadFileInfo(); $src='s_'.$info[0]['savename']; echo $src; } } public function preview () { $this->display(); } }