background image

thinkphp 集成 uploadify3.1 示例

不难,只要正确读取路径就可以了。模板页面源代码:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8 >

<title>ThinkPHP 示例:集成 uploadify</title>
<load type=”css” href=’__APP__/css/uploadify.css’ />
<load href=”__APP__/js/jquery-1.7.2.min.js” />
<load href=”__APP__/js/jquery.uploadify-3.1.min.js” />
<script language=”JavaScript”>
var img_id_upload=new Array();//初始化数组,存储已经上传的图片名
var i=0;//初始化数组下标
$(function() {
$(‘#file_upload’).uploadify({
‘auto’     : false,//关闭自动上传
‘removeTimeout’ : 1,//文件队列上传完成 1 秒后删除
‘swf’      : ‘__APP__/js/uploadify.swf’,
‘uploader’ : ‘__APP__/index/upload’,
‘method’   : ‘post’,//方法,服务端可以用$_POST 数组获取数据
‘formData’:{‘id’:’6 },//

在服务端使用$_POST['id']获取该数据,服务端代码上传成功

后将在目录生成一个 6.txt 的文件
‘buttonText’ : ‘

选择图片 ,//设置按钮文本

‘multi’    : true,//允许同时上传多张图片
‘uploadLimit’ : 10,//一次最多只允许上传 10 张图片
‘fileTypeDesc’ : ‘Image Files’,//只允许上传图像
‘fileTypeExts’ : ‘*.gif; *.jpg; *.png’,//限制允许上传的图片后缀
‘fileSizeLimit’ : ’200KB’,//限制上传的图片不得超过 200KB
//每次成功上传后执行的回调函数,从服务端返回数据到前端
‘onUploadSuccess’ : function(file, data, response) {
img_id_upload[i]=data;
i++;
},
//上传队列全部完成后执行的回调函数
‘onQueueComplete’ : function(queueData) {
if(img_id_upload.length>0)
alert(‘

成功上传的文件有: +encodeURIComponent(img_id_upload));

}
});
});