遇到jsp页面上传图片时的预览问题,总是不成功,找了半天原因,
原来是IE的版本问题,这下可乐坏了,看来是可以解决了:::
But,在myeclipse里面没成想有时可以有时不行,这部花了一个下午找原因,原来代码比较乱,用了自带的格式化功能,可是格式化后就预览不了图片了,不知啥原因,不管怎样,以下代码预览图片应该没有问题了,不过不要随便格式化代码,不然又要检查代码浪费时间了,还是手动布局代码吧!!!
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<style type="text/css">
#pictureDIV
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
};
</style>
<script language="javascript" type="text/javascript">
function getValue(id){
id.select();
return document.selection.createRange().text;
}
function PreviewImg(imgFile)
{
//原来的预览代码,不支持 IE7。
//var oldPreview = document.getElementById("oldPreview");
//oldPreview.innerHTML = "<img src=/"file:" + imgFile.value + "/" width=/"80/" height=/"60/" />";
//新的预览代码,支持 IE6、IE7。
var fielvalue=getValue(imgFile);
var newPreview = document.getElementById("pictureDIV");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = fielvalue;
newPreview.style.width = "180px";
newPreview.style.height = "160px";
}
</script>
</head>
<body>
<div id="pictureDIV"></div>
---------------------------------------
<p>请选择一个图片进行预览:<input type="file" size="20" οnchange="javascript :PreviewImg(this);" /></p>
</body>
</html>
《个》《人》《点》《滴》