Skip to content

seajs uploadImgs.js(多图片上传)

awei.yu edited this page Apr 9, 2016 · 1 revision

说明:用于实现多图片上传

API:

    int({
        subBtn:上传按钮(type:Node),
        uploadUrl:上传路径,
        //比如最多可上传5张图片,那么页面中首先得有5个img标签用于上传预览,将它们添加进数组中,上传操作会依次在每个img对象上实现预览
        imgArray:预览img数组(type:Array),
        name:上传图片对应的key(也就是form表单中的name,图片就相当于是value)。注意:也可在img标签中单独配置name,形如:<img name="file1">,那么该图片的提交将优先取"file1"为name值,
        onUploadFinish:function(rs,index){
            //图片上传完成的回调。rs:返回内容,index:对应上传完毕的图片序号(从0开始)
        },
        hasRemoveBtn:是否需要取消上传按钮(默认:true,会在图片预览图的右上角出现),
        removeFuc:function(index){
            //点击取消按钮的回调,index:对应取消上传的图片序号
        },
        //取消按钮样式
        removeBtnStyle:{
            //示例:
            zIndex:1000,
            color:red
        },
        //等待上传浮层样式
        loadingStyle:{
            //示例:
            zIndex:1000,
            color:red
        },
        maxFileSize:图片大小限制(单位:b)
    })
    isBusy(img):
       用于返回对应的图片是否正在上传