下面通过一段代码给大家演示下,主要分为1.前台文件index.html和 2.后台文件upload.php。具体代码如下所示:
1.前台文件index.html
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<head>
<title>swfupload</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<!--swfupload插件begin-->
<script type="text/javascript" src="swfupload/swfupload.js"></script>
<script type="text/javascript" src="js/swfupload.queue.js"></script>
<script type="text/javascript" src="js/fileprogress.js"></script>
<script type="text/javascript" src="js/handlers.js"></script>
<!--swfupload插件end-->
<script type="text/javascript">
var swfu;
window.onload = function() {
var settings = {
flash_url : "swfupload/swfupload.swf",
upload_url: "upload.php", // 后台文件
post_params: {"phpsessid" : "<?php echo session_id(); ?>"},
file_size_limit : "100 mb",
file_types : "*.*",
file_types_description : "all files",
file_upload_limit : 100,
file_queue_limit : 0,
custom_settings : {
progresstarget : "fsuploadprogress",
cancelbuttonid : "btncancel"
},
debug: false,
// 按钮设置
button_image_url: "images/testimagenotext_65x29.png", // flash样式图片文件
button_width: "65",
button_height: "29",
button_placeholder_id: "spanbuttonplaceholder",
button_text: '<span class="thefont">浏览</span>',
button_text_style: ".thefont { font-size: 16; }",
button_text_left_padding: 12,
button_text_top_padding: 3,
// 句柄设置
file_queued_handler : filequeued,
file_queue_error_handler : filequeueerror,
file_dialog_complete_handler : filedialogcomplete,
upload_start_handler : uploadstart,
upload_progress_handler : uploadprogress,
upload_error_handler : uploaderror,
upload_success_handler : uploadsuccess,
upload_complete_handler : uploadcomplete,
queue_complete_handler : queuecomplete
};
swfu = new swfupload(settings);
};
</script>
</head>
<body>
<div id="header">
<h1 id="logo"><a href="/">swfupload</a></h1>
<div id="version">v2.2.0</div>
</div>
<div id="content">
<form id="form1" action="index.php" method="post" enctype="multipart/form-data">
<p>点击“浏览”按钮,选择您要上传的文档文件后,系统将自动上传并在完成后提示您。</p>
<p>请勿上传包含中文文件名的文件!</p>
<div class="fieldset flash" id="fsuploadprogress">
<span class="legend">快速上传</span>
</div>
<div id="divstatus">0 个文件已上传</div>
<div>
<span id="spanbuttonplaceholder"></span>
<input id="btncancel" type="button" value="取消所有上传" onclick="swfu.cancelqueue();" disabled="disabled" style="margin-left: 2px; font-size: 8pt; height: 29px;" />
</div>
</form>
</div>
<div align="center">hanization by <a href="http://imll.net" target="_blank">leo.c,</a>
</div>
</body>
</html>
2.后台文件upload.php
<?php
// 传递session值(由于flash与session不兼容,只能通过参数传递获取)
if (isset($_post["phpsessid"])) {
session_id($_post["phpsessid"]);
} else if (isset($_get["phpsessid"])) {
session_id($_get["phpsessid"]);
}
session_start();
// 设置post最大值
$post_max_size = ini_get('post_max_size');
$unit = strtoupper(substr($post_max_size, -1));
$multiplier = ($unit == 'm' ? 1048576 : ($unit == 'k' ? 1024 : ($unit == 'g' ? 1073741824 : 1)));
if ((int)$_server['content_length'] > $multiplier*(int)$post_max_size && $post_max_size) {
header("http/1.1 500 internal server error");
echo "post exceeded maximum allowed size.";
exit(0);
}
// 基本设置
$save_path = getcwd() . "/file/"; // 文件上传位置
$upload_name = "filedata";
$max_file_size_in_bytes = 2147483647; // 2gb
$extension_whitelist = array("doc", "txt", "jpg", "gif", "png"); // 允许文件类型
$valid_chars_regex = '.a-z0-9_ !@#$%^&()+={}[]',~`-'; // 文件名规则
// 其他变量
$max_filename_length = 260;
$file_name = "";
$file_extension = "";
$uploaderrors = array(
0=>"文件上传成功",
1=>"上传的文件超过了 php.ini 文件中的 upload_max_filesize directive 里的设置",
2=>"上传的文件超过了 html form 文件中的 max_file_size directive 里的设置",
3=>"上传的文件仅为部分文件",
4=>"没有文件上传",
6=>"缺少临时文件夹"
);
// 检测文件是否上传正确
if (!isset($_files[$upload_name])) {
handleerror("no upload found in $_files for " . $upload_name);
exit(0);
} else if (isset($_files[$upload_name]["error"]) && $_files[$upload_name]["error"] != 0) {
handleerror($uploaderrors[$_files[$upload_name]["error"]]);
exit(0);
} else if (!isset($_files[$upload_name]["tmp_name"]) || !@is_uploaded_file($_files[$upload_name]["tmp_name"])) {
handleerror("upload failed is_uploaded_file test.");
exit(0);
} else if (!isset($_files[$upload_name]['name'])) {
handleerror("file has no name.");
exit(0);
}
// 检测文件尺寸
$file_size = @filesize($_files[$upload_name]["tmp_name"]);
if (!$file_size || $file_size > $max_file_size_in_bytes) {
handleerror("file exceeds the maximum allowed size");
exit(0);
}
if ($file_size <= 0) {
handleerror("file size outside allowed lower bound");
exit(0);
}
// 检测文件名字为空
$file_name = preg_replace('/[^'.$valid_chars_regex.']|.+$/i', "", basename($_files[$upload_name]['name']));
if (strlen($file_name) == 0 || strlen($file_name) > $max_filename_length) {
handleerror("invalid file name");
exit(0);
}
// 检测重名文件
if (file_exists($save_path . $file_name)) {
handleerror("file with this name already exists");
exit(0);
}
// 检测后缀名
$path_info = pathinfo($_files[$upload_name]['name']);
$file_extension = $path_info["extension"];
$is_valid_extension = false;
foreach ($extension_whitelist as $extension) {
if (strcasecmp($file_extension, $extension) == 0) {
$is_valid_extension = true;
break;
}
}
if (!$is_valid_extension) {
handleerror("invalid file extension");
exit(0);
}
// 保存文件
if (!@move_uploaded_file($_files[$upload_name]["tmp_name"], $save_path.$file_name)) {
handleerror("文件无法保存.");
exit(0);
}
// 成功输出
echo "file received";
exit(0);
function handleerror($message) {
header("http/1.1 500 internal server error");
echo $message;
}
?>
以上代码就是实现文件上传之swfupload插件的全部内容,希望大家喜欢。
【说明】:本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:)!