index.php,需要 jquery1.7.2,低版本的 jquery 可能导致 uploadify 无法正常工作,代
码如下:
—————————————————————————————————————–
<html>
<head>
<meta charset=’utf-8′>
<title></title>
<script type=”text/javascript” src=”jquery-1.7.2.min.js”></script>
<script type=”text/javascript” src=”jquery.uploadify-3.1.min.js”></script>
<link rel=”stylesheet” type=”text/css” href=”uploadify.css”/>
<script type=”text/javascript”>
var
img_id_upload=
new
Array();
//初始化数组,存储已经上传的图片名
var
i=0;
//初始化数组下标
$(
function
() {
$(‘#file_upload’).uploadify({
‘auto’ : false,
//关闭自动上传
‘removeTimeout’ : 1,
//文件队列上传完成 1 秒后删除
‘swf’ : ‘uploadify.swf’,
‘uploader’ : ‘uploadify.php’,
‘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));
}
// Put your options here
});
});
</script>
</head>
<body>
<input type=”file” name=”file_upload” id=”file_upload” />