jquery 实现 Flash 上传图片 很强大

切记:如果版本不一样,名字也会不一样,注意路径问题!

使用方法

  1. 下载插件安装包后,可以看到里面的几个主要文件:jquery.uploadify.js(完成上传功能的脚本文件,在调用页面引用)、
    uploadify.css(外观样式表)、uploader.swf(上传控件的主体文件,flash控件)、upload.php(服务器端处理文
    件,官方仅提供了php版的)
  2. 引用了插件文件后,在页面中做如下调用:
    //声明一个普通的html文件上传控件,并指定id
    <input type="file" name="fileInput" id="fileInput" />

    <link rel="stylesheet" type="text/css" href="/uploadify/uploadify.css">
    <script type="text/javascript" src="/uploadify/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="/uploadify/swfobject.js"></script>
    <script type="text/javascript" src="/uploadify/jquery.uploadify.v2.1.4.min.js"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function() {
    $('#file_upload').uploadify({
    'uploader' : '/uploadify/uploadify.swf',
    'script' : '/uploadify/uploadify.php',
    'cancelImg' : '/uploadify/cancel.png',
    'folder' : '/uploads/up-20120808',
    'auto' : true,
    'removeCompleted':false, // 是否移除完成信息
    'multi' : true, //是否支持多传
    });
    });
    // ]]>
    </script>


    上面列出了我认为常用的配置选项,此外还有很多参数可配置,参考官方文档
  3.  

    Uploadify主页地址:http://www.uploadify.com/ 在该页面你可以了解到关于他的更多内容。

    Uploadify在线演示:在线Demo

    Uploadify配置参数及接口文档:http://www.uploadify.com/documentation

    Uploadify插件下载地址:http://www.uploadify.com/download

     

posted on 2012-08-08 15:09  小林--2012  阅读(690)  评论(0)    收藏  举报

导航