Bootstrap的 fileinput上传文件插件pdf回显问题解决方案@TOC

Bootstrap的 fileinput上传文件插件pdf回显问题解决方案

1、配置tomcat的映射以及文件上传的的虚拟路径和文件上传的路径,保证图片能够正常回显,在这个基础上修改。
2、查附件的时候设置pdf文件不使用默认图片显示

public String getFjList(String gid,String realPath) {
		StringBuffer fjView = new StringBuffer();
		StringBuffer fjConfig = new StringBuffer();
		List<Map> list = fileDao.getFjList(gid);
		String xnlu_path = ResourceBundle.getBundle("global").getString("FileDataVirturalPath");
		String type="";
		if(list.size()>0){
			for(Map map : list){
				type=map.get("filename").toString().substring(map.get("filename").toString().lastIndexOf("."));
				if(".jpg".equals(type)||".png".equals(type)||".gif".equals(type)||".pdf".equals(type)){
					fjView.append("'"+xnlu_path+"/"+map.get("path")+"',");
					fjConfig.append("{caption:\""+map.get("filename")+"\",showDelete:true,showZoom:true,key:\"/"+map.get("path")+"@"+map.get("guid")+"@@@@@@@@@@"+map.get("filename")+"\",size:\""+map.get("djlx")+"\"},");
				}else{
					fjView.append("'"+realPath+"/static/images/common/wd.jpg',");
					fjConfig.append("{caption:\""+map.get("filename")+"\",showDelete:true,showZoom:false,key:\"/"+map.get("path")+"@"+map.get("guid")+"@@@@@@@@@@"+map.get("filename")+"\",size:\""+map.get("djlx")+"\"},");
				}
			}
			fjView.deleteCharAt(fjView.length()-1);
			fjConfig.deleteCharAt(fjConfig.length()-1);
		}
		return fjView+"#"+fjConfig;
	}

3、修改fileinput插件的js文件(fileinput.js):

修改$.fn.fileinput.defaults={}中initialPreviewFileType属性的默认值,默认显示pdf文件

input file ios input file iOS pdf_上传文件


这样在回显pdf文件时候就会拼接embed标签。

这样会有一个问题,回显图片点击预览的时候,图片会在左上角显示,不再居中。