软件开发培训班 >> 编程开发 >> JavaScript

ie8.0下显示本地图片的js实现代码 img.src

　　本文标签：本地图片

<html> 
<head> 
<title>js图片上传预览</title> 
<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 = imgFile.files[0].getAsDataURL(); 
document.getElementById("imgPreview").innerHTML = "<img id=img1 width=120px height=100px src="+path+"/>"; 
//document.getElementById("img1").src = path; 
} 
} 
} 
</script> 
</head> 
<body> 
<input type="file" onchange=PreviewImage(this) /> 
<br> 
<div id="imgPreview" style=width:120px; height:100px;> 
<img id="img1" src="" width="120" height="100" /> 
</div> 
</body> 
</html>

技术文章快速查找

iphone safari不支持position fixed的解决方法

javascript中怎么做对象的类型判断

Jquery跨域获得Json时invalid label错误的解决办法

IE与firefox之jquery用法区别

基于Jquery实现表格动态分页实现代码

js用正则表达式来验证表单(比较齐全的资源)

javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现

js 蒙版进度条（结合图片）

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建