<html>
<head>
<title>get file input full path</title>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
function showPic(obj){
var path=getFullPath(obj);
var picpreview=document.getElementById("preview");
if(!path){
return false;
}
if(window.navigator.userAgent.indexOf("MSIE") >= 1) {
if(picpreview) {
try{
picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = path;
}catch(ex){
return false;
}
}else{
picpreview.innerHTML="<img src='"+path+"' />";
}
} //firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
picpreview.innerHTML="<img src='"+path+"' />";
}
resizePhoto(path);
}
function resizePhoto(path){
var imgObj = new Image();
imgObj.src = path;
var width = imgObj.width;
var height = imgObj.height;
try{
if((typeof width=="undefined" || width==0) && (typeof height=="undefined" || height==0)){
var picpreview=document.getElementById("preview");
if(picpreview && picpreview.filters && picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src) {
var tempDiv=document.createElement("div");
picpreview.appendChild(tempDiv);
tempDiv.style.width="10px";
tempDiv.style.height="10px";
tempDiv.style.diplay="none";
tempDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);";
tempDiv.ID="previewTemp";
var url=picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src;
tempDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=url;
width=tempDiv.offsetWidth;
height=tempDiv.offsetHeight;
picpreview.removeChild(tempDiv);
picpreview.style.height=height;
picpreview.style.width=width;
}
}
}catch(e){
alert(e.name + ": " + e.message);
}
}
</script>
</head>
<body>
<input type="file" onchange="showPic(this)" />
<div id="preview"
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); width: 160px; height: 180px; border: solid 1px black;">
</div>
</body>
</html>
分享到：
相关推荐
### IE8下上传图片无法预览本地图片解决方法技术资料 #### 背景与问题描述 在Web开发过程中，特别是在处理旧版本浏览器兼容性问题时，经常会遇到各种各样的挑战。Internet Explorer 8（IE8）作为一款较早的浏览器...
本篇文章将深入探讨一个关键问题——如何实现本地图片上传并预览的功能，并兼容IE6、IE7和IE8。这个功能对于现代浏览器来说是相当基础的，但在老版本的IE中，由于其内核和API的限制，实现起来并不简单。 首先，我们...
Firefox3,IE6,IE7,IE8上传本地图片预览
标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题，这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer（IE6, IE7, IE8）对现代Web标准的支持不足，而...
jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐 网上有很多关于 file上传预览本地图片开源角本但都对支持到IE6\7\8，而且chrome 火狐最新版本也有问题，自己动手丰衣足食。分享给给大家。
标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点： 1. **FileReader API**：这是一个HTML5的新特性，用于读取文件。在支持的浏览器中，可以通过`FileReader.readAsDataURL(file)`方法...
在JavaScript（简称JS）中实现图片预览，尤其是在兼容老版本的Internet Explorer（如IE6、IE7、IE8）以及Firefox（FF）等浏览器上，需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能，并着重...
总的来说，要在IE7这样的旧版浏览器中实现图片预览，开发者需要熟练掌握老版本的CSS和JavaScript语法，以及IE特有的滤镜技术。虽然这些技术现在已经不再主流，但理解它们可以帮助我们更好地理解和解决历史遗留的Web...
标题中的“本地图片预览代码（支持 IE6、IE7）”指的是在网页中实现一个功能，让用户可以预览本地的图片，同时这个功能需要兼容古老的Internet Explorer浏览器，特别是版本6和7。在Web开发中，由于IE6和IE7对现代Web...
在网页开发中，兼容性问题始终是一个挑战，尤其是在处理老版本的Internet Explorer（IE）浏览器时，如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限，例如对CSS3、HTML5新特性以及JavaScript的一些高级...
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案，用于实现一个功能强大的本地图片预览功能，它能在多种主流浏览器中正常工作，包括古老的Internet Explorer ...
可以在IE8下预览图片，包括绝对路径和相对路径的图片都可以。
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...
这个名为"vue组件js图片查看点击预览大图并下载高清大图到本地"的项目，是基于Vue 2.5.2版本实现的，它专注于为PC端用户提供图片预览和下载功能，但不支持IE浏览器。下面我们将详细探讨实现这些功能的关键知识点。 ...
在本文中，我们将深入探讨如何使用jQuery实现本地图片上传预览功能，这是一项常见的Web开发需求，尤其是在构建交互式用户界面时。jQuery是一款强大的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互...
在本地环境中预览SVG图片涉及到多个技术点，下面将详细介绍SVG的基本概念、本地预览的方法以及相关的开发工具和技巧。 1. SVG基本概念： SVG是一种可伸缩图形格式，允许开发者用数学方式描述图像，包括线条、形状、...
针对“IE6, IE7, IE8, 和火狐下的图片上传预览解决方案”这一主题，我们将深入探讨如何在这些浏览器中实现一致的图片上传预览功能。 首先，IE6、IE7和IE8是微软Internet Explorer的早期版本，它们对于现代Web标准的...
IE上传图片预览,上传完一张图片，马上在页面上显示