Web Uploader简单例子

http://fex.baidu.com/webuploader/

<div class="btns">
                    <div id="picker">选择文件</div>
                </div>
                <script>
                    var uploader = WebUploader.create({
                         // 选完文件后，是否自动上传。
                        auto: true,

                        // swf文件路径
                        swf:  '/static/s_admin/js/Uploader.swf',

                        // 文件接收服务端。
                        server: 'fileupload.php',

                        // 选择文件的按钮。可选。
                        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
                        pick: '#picker',
                        fileNumLimit:1,
                        fileSingleSizeLimit:1024*1024*3, //3M

                        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
                        resize: false,
                         // 只允许选择图片文件。
                        accept: {
                            title: 'pdf',
                            extensions: 'pdf'
                            //mimeTypes: 'image/*'
                        }
                });
                // 文件上传失败，显示上传出错。
                uploader.on( 'uploadError', function( file ) {
                    alert("fail");
                });
                uploader.on( 'error', function( type ) {
                  //alert(type);
                
                  if(type=='Q_TYPE_DENIED'){
                    alert("上传文件类型不正确!");
                  }
                     if(type=='F_EXCEED_SIZE'){
                       alert("上传文件大小不正确!");
                    }
                     if(type=='Q_EXCEED_NUM_LIMIT'){
                       alert("只能上传一个文件!");
                    }
                });
                uploader.on( 'uploadComplete', function( file ) {
                     uploader.reset();
                });



                </script>