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文件
这样在回显pdf文件时候就会拼接embed标签。
这样会有一个问题,回显图片点击预览的时候,图片会在左上角显示,不再居中。