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