欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-31 10:55:32
...

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文件
Bootstrap的 fileinput上传文件插件pdf回显问题解决方案
这样在回显pdf文件时候就会拼接embed标签。

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

相关标签: java 前端