uploadifive自带的DEMO文件。
下载地址：
http://www.uploadify.com/download/
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFive Test</title>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">
<style type="text/css">
body {
font: 13px Arial, Helvetica, Sans-serif;
}
</style>
</head>
<body>
<h1>Uploadify Demo</h1>
<form>
<div id="queue"></div>
<input id="file_upload" name="file_upload" type="file" multiple="true">
</form>
<script type="text/javascript">
<?php $timestamp = time();?>
$(function() {
$('#file_upload').uploadify({
'formData' : {
'timestamp' : '<?php echo $timestamp;?>',
'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
},
'swf' : 'uploadify.swf',
'uploader' : 'uploadify.php',
'onUploadSuccess' : function(file, data, response) {
alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
}
});
});
</script>
</body>
</html> var settings = $data.settings = $.extend({
'auto' : true, //文件添加到队列时自动上传
'buttonClass' : false, //要添加到UploadiFive按钮的类
'buttonText' : '选择文件', //出现在UploadiFive按钮上的文本
'checkScript' : false, //检查现有文件名的脚本的路径
'dnd' : true, //允许拖放到队列中
'dropTarget' : false, //用于放置目标的选择器
'fileObjName' : 'Filedata', //要在服务器端脚本中使用的文件对象的名称
'fileSizeLimit' : 0, //允许上载的最大文件大小
'fileType' : false, //允许文件扩展名（.zip、.rar、.7z、.pdf、…ETC.），用逗号分隔
'formData' : {}, //要发送到上载脚本的其他数据
'height' : 30, //按钮的高度
'itemTemplate' : false, //队列中项目的HTML标记
'method' : 'post', //提交上传时使用的方法
'multi' : true, //设置为true允许选择多个文件
'overrideEvents' : [], //要覆盖的事件数组
'queueID' : false, //文件队列的ID
'queueSizeLimit' : 0, //一次上载的最大文件数
'removeCompleted' : false, //设置为true可删除已完成上传的文件
'simUploadLimit' : 0, //一次上载的最大文件数
'truncateLength' : 0, //将文件名截断为的长度
'uploadLimit' : 0, //可以上载的最大文件数
'uploadScript' : 'uploadifive.php', //上传脚本的路径
'width' : 100 //按钮的宽度
uploadifive上传工具php版使用