我用的是firefox浏览器,能不能实现本地图片上传的预览功能?
function PreviewImg(imgFile)
{
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "70px";
newPreview.style.height = "70px";
}
<input id="a1" type="file" name="img" onChange="javascript:PreviewImg(this);" />
之前在ie中可以,但是同样的代码在firefox中没有任何反应。
请问,还有什么好的方法吗?
function PreviewImg(imgFile)
{
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "70px";
newPreview.style.height = "70px";
}
<input id="a1" type="file" name="img" onChange="javascript:PreviewImg(this);" />
之前在ie中可以,但是同样的代码在firefox中没有任何反应。
请问,还有什么好的方法吗?
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function SeePic(img,f){ if ( f.value != " " ) {img.src = 'file:/// '+f.value; }
}
</script>
</HEAD>
<BODY>
<form id= 'frm1 ' name= 'frm1 '>
<div> <input type= 'file ' name= 'upfile ' id= 'upfile ' onChange= "SeePic(document.img,document.frm1.upfile); "> </div>
<div> <image src= ' ' id= 'img ' name= 'img ' width=100 height=100>
</form>
</BODY>
</HTML>
================================
http://developer.mozilla.org/en/docs/Gecko_DOM_Reference
Piclens—华丽的Firefox图片预览插件