uploadify 插件

最近写一个关于文件上传的项目时用到了uploadify插件，写一下学习笔记

里面的具体属性、事件、方法等参见这篇博文：
http://blog.sina.com.cn/s/blog_5079086b0101fkmh.html
对英文不抵触的同学更建议看官方文档推荐看官方文档
http://www.uploadify.com/documentation/

注意一下版本，旧版本的参数和方法与新版本有所差异，这里用的是 v3.2.1

1、引用包：

<script src="uploadify/jquery.min.js" type="text/javascript"></script>
<script src="uploadify/jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify/uploadify.css">

2、添加表单

<form action="upload/uploads" method="post" enctype="multipart/form-data">
        <input type="file" name="file_upload" id="file_upload"/>
        <input type="submit" name="uploadbutton" value="上传"/>
    </form>

form表单的参数不影响上传

3、script

<script type="text/javascript">
        $(function(){
            $("#file_upload").uploadify({
                //校验数据

                'swf' : 'uploadify/uploadify.swf', //指定上传控件的主体文件，默认‘uploader.swf’
                'uploader' : 'upload/uploads', //指定服务器端上传处理文件，默认‘upload.php’
                'auto' : true, //自动上传
                'buttonImage' : 'uploadify/uploadify-browse.png', //浏览按钮背景图片
                'multi' : false, //单文件上传
                'fileTypeExts' : '*.gif; *.jpg; *.png; *.flv; *.avi; *.mp4; *.mp3', //允许上传的文件后缀
                'fileSizeLimit' : '300MB', //上传文件的大小限制，单位为B, KB, MB, 或 GB
                'successTimeout' : 30, //成功等待时间
                'onUploadSuccess' : function(file, data, response) {
                    //每成功完成一次文件上传时触发一次
                    var image=eval("["+data+']')[0];
                    //alert('===file:'+file);
                    //alert('===data:'+data);//json格式
                    //alert('===response:'+response);//true
                    //alert('===image:'+image);
                    //alert('===image.fileName:'+image.fileName);

                    $('#url').append("<li><img width=80 src="+image.fileName+" </li>");

                    /* var image=eval(data);
                    alert(image[0]["big"]); */
                },
                'onUploadError' : function(file, data, response) {
                    //当上传返回错误时触发
                    $('#url').append("<li>" + data + "</li>");
                }
            });
        });
    </script>