bootstrapfileinput插件使用项目总结

for (MultipartFile imgreturn : file) { 
/*不添加如下代码会将新添加的内容覆盖掉*/ 
actinfo = new HashMap<String,Object>(); 
if (!imgreturn.isEmpty()) { 
upImg =FileUtil.upload(imgreturn); 
} 
}

// 预览图片json数据组 
 var preList = new Array(); 
 for ( var i = 0; i < reData.length; i++) { 
 var img = null; 
 img = reData[i].activityimg; 
 // 图片类型 
 preList[i]= "<img width='120px' src=\'"+img+"\' class=\"file-preview-image\">"; 
 } 
 var previewJson = preList; 
 // 与上面 预览图片json数据组 对应的config数据 
 var preConfigList = new Array(); 
 for ( var i = 0; i < reData.length; i++) { 
 var array_element = reData[i]; 
 var tjson = { 
 caption: reData[i].activityno, // 展示的文件名 
 url:'imgdelete', // 删除url 
 key: reData[i].activityno, // 删除是Ajax向后台传递的参数 
 width: '120px', 
 }; 
 preConfigList[i] = tjson; 
 } 
 $('#txt_fileup').fileinput({ 
 language: 'zh', //设置语言 
 uploadUrl: 'activityupdate', 
 uploadAsync:false, 
 allowedFileExtensions: ['jpg', 'gif', 'png','jpeg'],//接收的文件后缀 
 showCaption: true, 
 showUpload: false,//是否显示上传按钮 
 showRemove: false,//是否显示删除按钮 
 showCaption: true,//是否显示输入框 
 showPreview:true, 
 showCancel:true, 
 dropZoneEnabled: false, 
 minFileCount:4, 
 maxFileCount: 10, 
 initialPreviewShowDelete:true, 
 msgFilesTooMany: "选择上传的文件数量 超过允许的最大数值！", 
 /* initialPreview: previewJson, 
 initialPreviewConfig: preConfigList */ 
 }).off('filepreupload').on('filepreupload', function() { 
 }).on("fileuploaded", function(event, outData) { 
 });

$('#txt_fileup').on('filedeleted', function(event, key) { 
/* 触发删除方法 */ 
}); 
 $('#txt_fileup').on('fileselect', function(event, key) { 
 /* 触发选择方法 */ 
 });