要实现本地图片的预览,查了好多网站,下面是一个大家比较认可的方法.代码如下:
<script type="text/javascript">
function CloseWin()
{
window.opener=null;
window.open("","_self");
window.close();
}function Preview(imgFile)
{
document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;}
</script> <a href="javascript:CloseWin();"> 点击这里无提示关闭当前窗口</a><br /> 请选择要预览的图片:<input type="file" onchange="javascript:Preview(this);" /><br />
<div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:400px;height:200px;"></div>很多人都是这样的方法,我相信这个方法本身是没有问题的,但是不知道怎么回事,在我的机器上运行时,当运行到
document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
这一行时,就报错,说是未指明的误.
不知道大家有没有遇到这种情况的.我把运行的网站也加入到信任区了还是不行.
有哪位高手可以帮忙解决一下这个问题呢?
谢谢各位不吝赐教!
<script type="text/javascript">
function CloseWin()
{
window.opener=null;
window.open("","_self");
window.close();
}function Preview(imgFile)
{
document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;}
</script> <a href="javascript:CloseWin();"> 点击这里无提示关闭当前窗口</a><br /> 请选择要预览的图片:<input type="file" onchange="javascript:Preview(this);" /><br />
<div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:400px;height:200px;"></div>很多人都是这样的方法,我相信这个方法本身是没有问题的,但是不知道怎么回事,在我的机器上运行时,当运行到
document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
这一行时,就报错,说是未指明的误.
不知道大家有没有遇到这种情况的.我把运行的网站也加入到信任区了还是不行.
有哪位高手可以帮忙解决一下这个问题呢?
谢谢各位不吝赐教!
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function preview(file, img){
var nImg = document.createElement('img');
nImg.id = img.id;
nImg.src = 'file:\/\/\/' + file.value.replace(/\\/g, '\/');
img.parentNode.replaceChild(nImg, img);
}
</script>
<input type="file" onchange="preview(this, $('test'))"/><img id="test" />
不就完了吗
干嘛这么麻烦