使用ThinkPHP+Uploadify实现图片上传功能

前端之家收集整理的这篇文章主要介绍了使用ThinkPHP+Uploadify实现图片上传功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_502_0@首先,将下载的Uploadify压缩包解压放到公共文件夹内。实现代码如下:


@H_502_0@

前台html部分:


<div class="jb51code">
<pre class="brush:xhtml;">
<script src="/uploadify/jquery.min.js" data-ke-src="/Public/uploadify/jquery.min.js" type="text/javascript">
<script src="/uploadify/jquery.uploadify.min.js" data-ke-src="/Public/uploadify/jquery.uploadify.min.js" type="text/javascript">
<link rel="stylesheet" type="text/css" href="/uploadify/uploadify.css" data-ke-src="/Public/uploadify/uploadify.css">
<script type="text/javascript">
var img_id_upload=new Array();//初始化数组,存储已经上传图片
var i=0;//初始化数组下标
$(function() {
$('#file_upload').uploadify({
'auto' : false,//关闭自动上传
'removeTimeout' : 600,//文件队列上传完成1秒后删除
'swf' : '/Public/uploadify/uploadify.swf','uploader' : '/URL/Article/uploadify','method' : 'post',//方法,服务端可以用$_POST数组获取数据
'buttonText' : '选择图片',//设置按钮文本
'multi' : true,//允许同时上传多张图片
'uploadLimit' : 8,//一次最多只允许上传10张图片
'fileTypeDesc' : 'Image Files',//只允许上传图像
'fileTypeExts' : '.gif; .jpg; *.png',//限制允许上传图片后缀
'fileSizeLimit' : '2000KB',//限制上传图片大小
'onUploadSuccess' : function(file,data,response) { //每次成功上传后执行的回调函数,从服务端返回数据到前端
$('#image').append('<div style="float:left;margin:2px 0 0 2px">');
img_id_upload[i]=data;
i++;
}
});
});

@H_502_0@


action执行代码部分:

maxSize = 93145728 ;// 设置附件上传大小 $upload->saveRule =rand(1,9999); $upload->allowExts = array('jpg','gif','png','jpeg','flv','avi','mov');// 设置附件上传类型 $upload->savePath = './Uploads/';// 设置附件上传目录 if(!$upload->upload()) {// 上传错误提示错误信息 $this->error($upload->getErrorMsg()); }else{// 上传成功 获取上传文件信息 $info = $upload->getUploadFileInfo(); } for($i=0;$iadd($data); } /*if($rs) { $this->success("成功"); }else { $this->error("失败"); }*/ }

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》及《》。

@H_502_0@希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

猜你在找的ThinkPHP相关文章