background image

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” />