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

遇到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>
《个》《人》《点》《滴》

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值