文件上传

用法

文件上传组件fileUpload是基于百度的webuploader定制

选择文件




参数配置

属性 描述 示例
tpl string,默认

'<div class="img-editor">'+
             '   <div class="queueList"></div>'+
             '   <div class="statusBar">'+
    '       <div class="info"></div>'+
             '       <div class="btns">'+
             '           <div class="uploadBtn">开始上传</div>'+
             '       </div>'+
             '   </div>'+
             '</div>',


不建议修改，修改必须保留img-editor、queueList、statusBar、info、uploadBtn类
auto false 自动上传，默认手动
multiple false 多个文件上传，默认是单个文件
water false 是否添加水印
thumbnail false 是否生成缩略图
sendurl null 发送地址,上传地址
fileVal File 上传文件域名称
filetypes jpg,jpeg,bmp,png,gif,pdf,doc,docx 文件类型
filesize 204800 文件大小,200M
btntext 点击上传 上传按钮的文字
swf null SWF上传控件相对地址
thumbnailWidth 400 预览缩略图宽度
thumbnailHeight 400 预览缩略图高度
success function(file, data) 上传成功后回调 
                                
/**
     * uploadSuccess 上传成功后回调
     * @return {[type]} [description]
     */
    function uploadSuccess(el, file, data) {
        /*var names = data.name.split('.');
        var name = names[0].length > 13 ? names[0].substring(0, 13) + "..." : names[0];
        $(el).siblings(".uploadName").val(data.name);
        $(el).siblings(".upload-name").text(name + "." + names[1]);
        $(el).siblings(".upload-path").val(data.path);
        $(el).siblings(".upload-size").val(data.size);*/
        // todo: test
        $(el).siblings(".upload-name").html(file.name);
    }
    $(function() {
        $('#upload-btn').fileUpload({
            swf: '/document/src/js/webuploader/Uploader.swf',
            sendurl: '/document/src/js/webuploader/fileupload.php',
            //fileVal: 'FileData',
            success: uploadSuccess
        });
    });