今天看了一篇文章。解决了程序的问题。非常好。很有收藏价值。代码已经测试,非常好用!
<style type="text/css">
#preview_fake
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
<script type="text/javascript">
function perImg(o) {
var filepath = ""; //文件路径
var agent = window.navigator.userAgent;
var isIE7 = agent.indexOf('MSIE 7.0') != -1;
var isIE8 = agent.indexOf('MSIE 8.0') != -1;
if (!o.value.match(/.jpg|.gif|.png|.bmp/i)) {
alert('图片格式无效!');
ClearFile();
return;
}
//IE7、IE8浏览器
if (isIE7 || isIE8) {
var objPreview = document.getElementById('preview');
var objPreviewFake = document.getElementById('preview_fake');
document.getElementById("preview").style.visibility = "hidden"; //隐藏img控件,利用滤镜在img控件中显示图片会存在遮挡
o.select();
var imgSrc = document.selection.createRange().text;
objPreviewFake.filters.item(
'DXImageTransform.Microsoft.AlphaImageLoader').src = imgSrc;
//document.getElementById('btn').click();//触发按钮点击事件
}
else //IE6与FF 浏览器
{
if (agent.indexOf("Firefox") != -1)
document.getElementById("preview").src = o.files[0].getAsDataURL(); //FF显示预览图
else
document.getElementById("preview").src = o.value; //IE6显示预览图片
var fileSize = GetFileSize(o); //获取文件大小
if (fileSize > 1024 * 1024) {
ClearFile();
}
}
}
</script>
<div id="preview_fake" style="width: 128px; height: 85px; border: solid 1px #99BBE8;"
runat="server">
<img id="preview" style="width: 128px; height: 85px; border: 0px;" />
</div>