JQuery/PHP
兼容FF/IE在页面预览客户端本地图片方法
PetitQ
收藏
IE 为了安全是不允许页面预览客户端本地图片的，也就是 img 元素的 SRC 是相对路径 不可能是绝对路径的有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题，编程复杂度也会提高。直接上代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>get file input full path</title>
<script type="text/javascript" language='javascript'>function getFullPath(obj) {var newPreview = document.getElementById("img");if (obj) {//ie
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {obj.select();
newPreview.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);";
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.selection.createRange().text;return;
}
//firefox
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {if (obj.files) {newPreview.src = window.URL.createObjectURL(obj.files.item(0));
return;
}
newPreview.src = obj.value;
return;
}
newPreview.src = obj.value;
return;
}
}
</script></head><body><input type="file" onchange="getFullPath(this);"/><img id="img" alt="" style="width:200px; height:200px;" src="你自己的透明图片"/></body></html>
也想出现在这里？联系我们吧
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
