js图片上传预览兼容IE

最新推荐文章于 2021-06-05 02:27:09 发布

happyGril099

最新推荐文章于 2021-06-05 02:27:09 发布

阅读量430

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/happyGril099/article/details/52954621

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>js图片上传预览兼容IE</title>
</head>
<body>
<input type="file" οnchange='PreviewImage(this)' />
<br />
<div id="imgPreview" style='width: 120px; height: 100px;'>

</div>
</body>
<script>
function PreviewImage(imgFile) {
var filextension = imgFile.value.substring(imgFile.value
.lastIndexOf("."), imgFile.value.length);
filextension = filextension.toLowerCase();
if ((filextension != '.jpg') && (filextension != '.gif')
&& (filextension != '.jpeg') && (filextension != '.png')
&& (filextension != '.bmp')) {
alert("对不起，系统仅支持标准格式的照片，请您调整格式后重新上传，谢谢 !");
imgFile.focus();
} else {
var path;
if (document.all)//IE
{
imgFile.select();
path = document.selection.createRange().text;
document.getElementById("imgPreview").innerHTML = "";
document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\""
+ path + "\")";//使用滤镜效果
} else//FF
{
path = window.URL.createObjectURL(imgFile.files[0]);// FF 7.0以上
//path = imgFile.files[0].getAsDataURL();// FF 3.0
document.getElementById("imgPreview").innerHTML = "<img id='img1' width='120px' height='100px' src='"+path+"'/>";
//document.getElementById("img1").src = path;
}
}
}
</script>

</html>

happyGril099

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js图片上传预览兼容IE

js图片上传预览兼容IE -->function PreviewImage(imgFile) {var filextension = imgFile.value.substring(imgFile.value.lastIndexOf("."), imgFile.value.length);filextension = filextension
复制链接

扫一扫

专栏目录