使用SWFUpload插件上传文件

演示代码由两部分组成，包括前台文件和后台文件：

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插件上传文件的更多相关文章

[插件] 如何在一个页面中使用多个SWFUpload对象上传文件
首先需要引入相应的样式和JS文件,还需要借助jQuery的js 提供下载路径:http://pan.baidu.com/s/1EUzca ① 引入js <script type="te ...
swfupload组件上传文件
前段时间做文件上传用的是H5的一个插件,由于浏览器的兼容性不好,所以又换了一个Flash版本的上传文件插件,感觉这个上传插件的使用方式跟H5的差不多,有些雷同.不过,由于后续浏览不再支持Flash(略 ...
Extjs 使用fileupload插件上传文件带进度条显示
一.首先我们看看官方给出的插件的解释: 一个文件上传表单项具有自定义的样式,并且可以控制按钮的文本和像文本表单的空文本类似的其他特性. 它使用一个隐藏的文件输入元素,并在用户选择文件后在form提 ...
用jquery uploadify上传插件上传文件
public void ProcessRequest(HttpContext context) { string esOIDs = System.Web.HttpContext.Current.Req ...
fileInput插件上传文件
一.ftl <form action="" method="post" name="form" id="form" ...
后台使用Spring MVC 4.15 版本通过 ajaxFileUpload plugin插件上传文件相应时引起的一个小问题，Chrome、Firefox中出现SyntaxError:unexpected token <
html: 使用ajaxFileUpload插件做文件上传时,后台返回json格式的数据,js代码如下: 接下来,把结果错误信息打印出来: 先在网上找了下解决办法方案,stackoverflow上有说 ...
《五》uploadify插件上传文件
下载地址:http://www.uploadify.com/wp-content/uploads/files/uploadify.zip 相关配置:http://www.uploadify.com/d ...
ajaxFileUpload插件上传文件返回 syntaxError :unexpected token
Html 代码<table id="deploy_application" class="bordered-table"> <tr> & ...
ajaxFileUpload上传文件简单示例
写在前面: 上传文件的方式有很多,最近在做项目的时候,一开始也试用了利用jquery的插件ajaxFileUpload来上传大文件,下面,用一个上传文件的简单例子,记录下,学习的过程~~~ 还是老样子 ...

随机推荐

Xcode常用快捷键 (转载)
Xcode快捷键,工欲善其事,必先利其器.mac的键盘和ms的还是有些不一样,得适应一下下. 新建项目 command+shift+n 新建文件 command+n 新建空文件 command+con ...
ARM和x86的区别
CPU的指令集从主流的体系结构上分为精简指令集(RISC)和复杂指令集(CISC).嵌入式系统中的主流处理器——ARM处理器,所使用的就是精简指令集.而桌面领域的处理器大部分使用的是复杂指令集,比如 ...
Linux学习之head命令
head 与 tail 就像它的名字一样的浅显易懂,它是用来显示开头或结尾某个数量的文字区块,head 用来显示档案的开头至标准输出中,而 tail 想当然尔就是看档案的结尾. 1．命令格式: hea ...
JQuery表格展开与内容筛选
单击分类的时候,可以关闭打开相对应的内容.例如点击前台设计组,则只显示前台设计组的内容.再次点击则收缩. 筛选的话就是匹配输入框的内容,如果某行数据存在,则显示出来. <html> < ...
UIKit之浅析UIButton
UIButton * button =[[UIButton alloc]init]; button.backgroundColor=[UIColor redColor]; [button setTit ...
Java引用数据类型
值传递:方法调用时,实际参数把它的值传递给对应的形式参数,方法执行中形式参数值的改变不影响实际参数的值.引用传递:也称为传地址.方法调用时,实际参数的引用(地址,而不是参数的值)被传递给方法中相对应 ...
美国地质调研局USGS
https://lta.cr.usgs.gov/get_data/ http://www.usgs.gov/
Android学习笔记：利用httpclient和AsyncTask 发起网络http post操作
1.在android4中,发起网络http操作,不能在Activity的事件(即主线程)中进行,必须在单独的线程中操作. 另外进行网络操作,需要在manifest文件中增加如下的权限: <use ...
[原]容器学习（一）：动手模拟spring的IoC
介绍学习经典框架的实现原理以及设计模式在其实际中的运用,是非常有必要的,可以让我们更好进行面向对象. 本篇文章就来模拟Spring的IOC功能,明白原理后,可以更好的使用它,进而为进行面向对象提供一 ...
BZOJ 1143 [CTSC2008]祭祀river（二分图匹配）
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=1143 [题目大意] 给出一张有向图,问最大不连通点集,连通具有传递性 [题解] 我们将 ...

使用SWFUpload插件上传文件

使用SWFUpload插件上传文件的更多相关文章

随机推荐

热门专题