多附件上传 - ChinaSS/Util GitHub Wiki

#多附件上传

1.基于WebUploader装UI展现层
2.所有参数为基于WebUpload扩展，webUploader大部分API同样适用

##使用样例

require(["PDUtilDir/fileUpload"],function(upload){
    var settings = {
        placeAt:"fileUploadId",
        formData:{
            bizType:'10'        //额外发送的参数
        },
        data:[
            {
                name:'测试文档.doc',
                size:"10M",
                uploadDate:"2014-11-23",
                //附件上传成功时后端返回的数据
                responseData:{entity:{fileId:"DAFDA2355DSAFDSA"}}
            }
        ],
        downloadFile:function(file){
            //点击下载默认调用的方法
            //window.location = getServer() + '/file/download?fileId=' + file.backEndData.entity.fileId + '&bizType=' + config.formData.bizType;
        },
        delFile:function(file){
            //删除附件默认调用的方法

        },
        uploadSuccessExt:function(file, response){
            //附件上传成功默认调用的方法

        },
        afterRenderFile:function (file) {
            //附件列表结束渲染默认调用的方法

        }
    };
    var fileUpload = upload.init(settings);
});

##settings对象

以下是常用的，由于webuploader的初始化参数也是使用的settings对象， 所以其它不常用的参数可查询Weuploader官方API

属性名称	是否必选	说明
placeAt	必选	把附件上传组件放在指定容器的id，可为DOM对象
data	可选	Array,已上传的附件数组
server	可选	附件接收后端action地址，默认为getServer() +"/file/upload"
downloadFile	可选	点击下载时默认会调用的方法
delFile	可选	点击删除时默认会调用的方法
uploadSuccessExt	可选	附件上传成功时默认会调用的方法
afterRenderFile	可选	附件列表结束渲染默认调用的方法
formData	可选	额外向服务器发送的参数
accept	可选	允许上传的文件类型，详见Weuploader官方API
fileSizeLimit	可选	文件总大小限制，详见Weuploader官方API
fileSingleSizeLimit	可选	允许上传的单个文件大小，详见Weuploader官方API

##fileUpload对象属性

属性名称	说明
webUploader	WebUploader对象
queuedFiles	待上传文件数组
savedFiles	已上传文件数组
$container	整个上传组件DOM对象
$toolbar	操作栏DOM对象
$table	文件列表DOM对象
$status	状态栏DOM对象
settings	所有settings对象

var fileUpload = upload.init(settings);
//获取属性值
var p = fileUpload["属性"]