版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。
在工作中遇到过关于IE浏览器对图片预览兼容性问题,现写一下记录。
在IE6版本中支持jsp中的img标签的src属性直接引用本地图片资源,但IE7或更高浏览器版本中,为了个人电脑资料的安全性考虑,浏览器屏蔽了预览功能!为了在不同浏览器版本下都能实现预览功能,一种办法如下:
数据库端:
第一:在数据库表中建立一张与业务相关联的图片表和一张上传图片的中间表。
第二:建立一个数据库JOB,定期清除中间表中的图片信息。
应用端:
在页面中提供上传图片到中间表中的功能,上传成功后调用jsp中的js代码实现对图片的预览功能。
jsp页面中上传图片代码参考:
function upload(){	$.funkyUI({	title:"上传图片", //标题	showButtonRow:false, //不显示按钮	url:"${root}/testUpLoad/upload.jsp",	//打开的子页面的URL	callback:callBack, //挂事件,可以在子页面中用$.callback()方法执行父页面中的函数	OKEvent:null, //挂事件,当点击子页面的确定时,执行父页面的okEvent函数	css:{width:"500",height:"250"} //宽与高	}); } //回调函数 function callBack(){	document.getElementById("zp").value=arguments[0];	$("#img").attr("src",'$(root)test/show?imgId='+arguments[0]); } ------------------------------------------页面上传--------------------------------------------	尸体照片
--------------------------------------------------------------------------------------
上传图片到中间表的java代码参考: