如下图所示:
在IE7下选择图片后不能显示出来,但是在360浏览器下就可以显示.
我估计是权限问题,请问各位有什么解决办法?谢谢
代码如下:不过我想应该不是代码的问题..呵呵.帮忙看下吧.
function preview()
{
var filevalue = document.getElementById('LFCNET_Pic').value;
$("personPhoto").src=filevalue;
}
<td style="width:250px" ><input type='file' onchange='preview()' id='LFCNET_Pic' name='LFCNET_Pic' style='width:100%;' /></td>
<div id='imagePreview' style='position:absolute;z-index:10;right:27px;top:4px;width:2.2cm;height:103px;padding:2px;
<img id='personPhoto' src='' onerror=\"this.src='../images/error.gif';\" style='width:100%;height:100%;' border='1' /></div>
在IE7下选择图片后不能显示出来,但是在360浏览器下就可以显示.
我估计是权限问题,请问各位有什么解决办法?谢谢
代码如下:不过我想应该不是代码的问题..呵呵.帮忙看下吧.
function preview()
{
var filevalue = document.getElementById('LFCNET_Pic').value;
$("personPhoto").src=filevalue;
}
<td style="width:250px" ><input type='file' onchange='preview()' id='LFCNET_Pic' name='LFCNET_Pic' style='width:100%;' /></td>
<div id='imagePreview' style='position:absolute;z-index:10;right:27px;top:4px;width:2.2cm;height:103px;padding:2px;
<img id='personPhoto' src='' onerror=\"this.src='../images/error.gif';\" style='width:100%;height:100%;' border='1' /></div>
{
//原来的预览代码,不支持 IE7。
var oldPreview = document.getElementById("oldPreview");
oldPreview.innerHTML = "<img src=\"file:\\\\" + imgFile.value + "\" width=\"80\" height=\"60\" />";
//新的预览代码,支持 IE6、IE7。
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "80px";
newPreview.style.height = "60px";
}
浏览器默认权限是不允许获得 File控件中的路径的。
你可以 alert(document.getElementById('LFCNET_Pic').value)看里面的值。
CSDN前不久有个兼容各个浏览器的上传预览代码,你可以搜下。我觉得还是换个思路,将图片上传以后再预览!
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE6" />
不管是IE几 都转成IE6 , 就没那么多烦恼了。 试试看