编程论坛 » JavaScript论坛 » javascript 上传图片显示问题

kabal1986 发表于 2008-4-10 19:34

javascript 上传图片显示问题

我想用js来显示上传的图片，但把地址附给它后卻不能显示一些图片，一些卻可以

function changeUrl() {
            oDiv = document.getElementById("upDiv");//div
            oPictureUpload = document.getElementById("PictureUpload");//上传文件控件路径
            oImg = document.getElementById("upImg");//image控件
            oDiv.style.display = "inline";//显示div,原来为none
            oImg.src = oPictureUpload.value;//文件路径给image的src属性
        }

不知道各位能帮忙解决下么

kabal1986 发表于 2008-4-10 20:24

var pic = document.getElementById("PictureUpload")
            var fileValue = pic.value.substring
                            (pic.value.lastIndexOf("."),pic.value.length);
                fileValue = fileValue.toLowerCase();
                if ((fileValue!='.jpg')&&(fileValue!='.gif')&&(fileValue!='.jpeg')&&(fileValue!='.png')&&(fileValue!='.bmp')) {
                    alert("对不起,系统仅支持标准图片格式，请重新上传，谢谢");
                    pic.focus();
                }
                else {
                    document.getElementById("upDiv").innerHTML = "<img src='"+ pic.value +"' width=120 style='border:6px double #ccc'>";
                }
改成这样也不能预览，网上却可以预览，真痛苦

lmhllr 发表于 2008-4-10 21:18

FF默认不能读取本地文件,就是说不能预览.IE7跟安全等级有关系,记得默认是可以的,IE6就可以....楼主可以看看163的搏客,在FF下也是不能预览的

kabal1986 发表于 2008-4-10 22:11

应该没关系吧，试了一下，还是一样=.=
PS:IE7下

kabal1986 发表于 2008-4-10 22:12

找了下应该是版主说的问题！谢谢了

kevintang 发表于 2008-4-11 09:27

我也遇到相同的问题!

不知道楼主是怎么解决的啊!
    解决的话能否告诉我方法啊!我要在IE7.0中显示的!

kabal1986 发表于 2008-4-11 09:45

<script type="text/javascript">


function Preview(imgFile)
{
document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
}
</script>



请选择要预览的图片：<input type="file" onchange="javascript:Preview(this);" /><br />
<div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:400px;height:200px;"></div>

具体要加上这段参数style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
你可以google下

kevintang 发表于 2008-4-11 10:09

好的!谢谢你了啊!
  学习了!

查看完整版本: javascript 上传图片显示问题