下面通过一段代码给大家演示下,主要分为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>
新闻热点
疑难解答