您的位置：首页 > Web前端 > JavaScript

JSP上传图片预览问题--解决

2010-06-09 11:01 661 查看

遇到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" onchange="javascript :PreviewImg(this);" /></p>
</body>

</html>
《个》《人》《点》《滴》

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jsp myeclipse javascript function ie html

相关文章推荐

新的分享

章节导航