官方网址：www.uploadify.com

使用文档：www.uploadify.com/documentation

效果如下

注释以及文件结构已经过本人修改，和官方的有些出入。

index.php

<!DOCTYPE HTML>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>Uploadiy 测试</title>

    <script src="./js/jquery.min.js" type="text/javascript"></script>

    <script src="./js/jquery.uploadify.min.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="./css/uploadify.css">

    <style type="text/css"> body {font: 13px Arial, Helvetica, Sans-serif;} </style>

</head>

<body>

    <h1>Uploadify 演示</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({

                // 'width'    : 300 // 调节上传按钮的宽度（像素）

                // 'height'    :28,    // 调节上传按钮的高度（像素）

                // 'buttonImage':'img/select_file.png', // 选择按钮

                // 'requeueErrors' : true,

                // 'uploadLimit' : 1, // 限制文件上传数量

                // 'fileSizeLimit' : '100KB',

                // 'fileTypeExts' : '*.gif; *.jpg; *.png',

                // 'formData'      : {'someKey' : 'someValue', 'someOtherKey' : 1},

                // 'method'   : 'post', // 或者 'get'

                // 'debug'    : true, // 调试使用

                // 'multi'    : false, // 是否多文件上传

                'formData'     : {

                    'timestamp' : '<?php echo $timestamp;?>',

                    'token'     : '<?php echo md5('unique_salt' . $timestamp);?>'

                },

                'swf'      : 'uploadify.swf',

                'uploader' : 'uploadify.php',    // 处理上传文件的php脚本地址

            });

        });

    </script>

</body>

</html>

uploadify.php

<?php

/*

Uploadify

Copyright (c) 2012 Reactive Apps, Ronnie Garcia

Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>

*/

// 文件存放路径

$targetFolder = '/uploadify/uploads'; // 相对于根目录

$verifyToken = md5('unique_salt' . $_POST['timestamp']);

if (!empty($_FILES) && $_POST['token'] == $verifyToken) {

    $tempFile = $_FILES['Filedata']['tmp_name'];

    $targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;

    $targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];

    // 验证文件类型

    $fileTypes = array('jpg','jpeg','gif','png'); // 文件扩展名

    $fileParts = pathinfo($_FILES['Filedata']['name']);

    if (in_array($fileParts['extension'],$fileTypes)) {

        // file_put_contents('log.txt', $targetFile); // 可以据此输出log，查看上传文件信息

        move_uploaded_file($tempFile,$targetFile);

        echo '1';

    } else {

        echo 'Invalid file type.';

    }

}

?>

源代码下载：uploadify.zip

uploadify 一款优秀的上传插件的更多相关文章

  1. 一款基于uploadify扩展的多文件上传插件，完全适用于Html5

    http://www.uploadify.com/documentation/  官网里面有两个插件,一个是要使用flash插件才能文件上传的插件,另外一个是不需要使用要flash插件的文件上传插件完 ...

  2. 7款js文件上传插件

    1.  jQuery File Upload 具有多文件上传.拖拽.进度条和图像预览功能的文件上传插件,支持跨域.分块.暂停恢复和客户端图像缩放.可与任何服务端平台(如PHP.Python.Ruby ...

  3. JQuery上传插件Uploadify使用详解

    本文转载http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不错 ...

  4. (转)JQuery上传插件Uploadify使用详解

    原文地址:http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不 ...

  5. jQuery上传插件Uploadify使用帮助

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.它的功能特色总结如下: 支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用,诸如PHP, ...

  6. jquery上传插件Jquery.uploadify.js-转

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...

  7. 【转】JQuery上传插件Uploadify使用详解及错误处理

    转自:http://www.jb51.net/article/43498.htm 关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样.我根据网上的步骤配置完成后,会报一些错 ...

  8. jQuery 异步上传插件 Uploadify302 使用 （JavaEE Spring MVC）

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.而且是Ajax的,省去了自己写Ajax上传功能的麻烦.不过官方提供的实例时php版本的,本文将详细介绍Uploadify ...

  9. 【精心推荐】几款极好的 JavaScript 文件上传插件

    文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传.拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能.这篇文章向大家推荐几款很棒的 JavaS ...

随机推荐

  1. Hibernate.lock（）方法中各种锁的区别

    悲观锁 它指的是对数据被外界修改持保守态度.假定任何时刻存取数据时,都可能有另一个客户也正在存取同一笔数据,为了保持数据被操作的一致性,于是对数据采取了数据库层次的锁定状态,依靠数据库提供的锁机制来实 ...

  2. 注入问题0x00

    1.sqlmap遇到MySQL注入可以成功getshell,但是,遇到sqlserver注入未成功getshell. 2.xp_cmdshell 如何 getshell(1433未对外开放). 解决方 ...

  3. jQuery 互相调用iframe页面中js的方法

    1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.docum ...

  4. PHP数组处理函数的使用array_map（三）

    /*函数array_map()函数:多数组回调函数---将回调函数作用到给定数组的单元上 * 1.语法:array array_map ( callback callback, array arr1 ...

  5. TextBox 英文文档

    TextBox Extend from $.fn.validatebox.defaults. Override defaults with $.fn.textbox.defaults. The Tex ...

  6. 离屏渲染学习笔记 /iOS圆角性能问题

    离屏渲染学习笔记 一.概念理解 OpenGL中,GPU屏幕渲染有以下两种方式: On-Screen Rendering 意为当前屏幕渲染,指的是GPU的渲染操作是在当前用于显示的屏幕缓冲区中进行. O ...

  7. asp.net mvc 4 高级编程学习笔记：第四章 模型

    数据模型 数据模型及O/R转化,采用EntityFramework实现. 可以采用firstCode模型,首先定义模型,通过模型生成数据库,也可以通过安装EFPowerTools,通过数据库自动生成对 ...

  8. display : -webkit-box-inline 我见

    发现: 最近在做移动端的东西,说起移动端弹性盒子布局真是无往不利,用起来特别爽,我也是偶尔间发现的这个属性并且它的用法,在网上基本查不到这个属性的资料(个人看法).如果没有听说过(display:bo ...

  9. php中关于 left join 的分页显示

    /* * 统计商机搜索总条数信息 * ftt * 2015-11-10 10:13:15 */ public function getBusinessCount($btype='',$buname=' ...

  10. linux系统命令：yum和apt-get

    转:http://my.oschina.net/liuyuanyuangogo/blog/546850 1.linux系统分类 一般来说著名的linux系统基本上分两大类: RedHat系列:Redh ...