接上篇webuploader文件上传 新增修改时回显数据 涵盖预览、删除、拖拽、自定义属性、后台代码、前台ssm封装及详细说明

主要是修改tag，直接上代码比较好。核心代码是：

var getFileBlob = function (url, cb) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.responseType = "blob";
    xhr.addEventListener('load', function() {
        cb(xhr.response);
    });
    xhr.send();
};

var blobToFile = function (blob, name) {
    blob.lastModifiedDate = new Date();
    blob.name = name;
    return blob;
};

var getFileObject = function(filePathOrUrl,fileName, cb) {
    getFileBlob(filePathOrUrl, function (blob) {
        cb(blobToFile(blob,fileName));
    });
};
// var fileUrlList = ['\\pcUploadFile\\admin\\9a8b4d1107974b11847e9ff8d58876d8.jpg'];
if(!checkFileUploaderParmer(${fileUrlList})){
    // var list = fileUrlList;
    var list = ${fileUrlList};
    $.each(list, function(index,item){
        getFileObject("${basePath}"+item.fileUrl,item.fileName, function (fileObject) {
            var wuFile = new WebUploader.Lib.File(WebUploader.guid('rt_'),fileObject);
            var file = new WebUploader.File(wuFile);
            uploader.addFiles(file)
        });
    });

}

整个tag代码为：

<%@ tag language="java" pageEncoding="UTF-8"%>
<%@ include file="/webpage/include/taglib.jsp"%>
<%@ attribute name="fileLimit" type="java.lang.Integer" required="false" description="最大上传数"%>
<%@ attribute name="threads" type="java.lang.Integer" required="false" description="线程数"%>
<%@ attribute name="acceptFlg" type="java.lang.String" required="false" description="上传限制标记(不传递默认不限制)"%>
<%@ attribute name="comp" type="java.lang.Boolean" required="false" description="上传前是否压缩"%>
<%@ attribute name="auto" type="java.lang.Boolean" required="false" description="选完文件后，是否自动上传(true:将隐藏上传按钮)"%>
<%@ attribute name="dup" type="java.lang.Boolean" required="false" description="是否允许重复图片"%>
<%@ attribute name="fileUrlList"  required="false" description="已上传文件url集合(编辑时使用，回显图片)"%>
<%@ attribute name="url" type="java.lang.String" required="true" description="文件上传地址"%>




    

        

            

             
或将文件拖到这里，单次最多可选300个
 
             
或将文件拖到这里，单次最多可选${fileLimit}个
 
        
    
    

        

            0%
            
        

        

            
 style="display: none" >开始上传
        
    

 

可以下载我的具体代码带回显的资源