uploadifive上传工具php版使用

news2025/2/27 11:24:48

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版使用