http://luolonghao.iteye.com/blog/1188020
$(document).ready(function(){
$("#upload_img").change(function(e){
if(this.files){
var file = this.files[0];
if(FileReader){
var oFReader = new FileReader();
oFReader.onload = function (oFREvent) {
$("#img_review").attr("src",oFREvent.target.result);
};
oFReader.readAsDataURL(file);
}else{
$("#img_review").attr("src",file.getAsDataURL());
}
}else if(navigator.userAgent.indexOf("MSIE 6.0")>=1){
$("#img_review").attr("src",this.value);
}else if(navigator.userAgent.indexOf("MSIE 7.0")>=1 ||
navigator.userAgent.indexOf("MSIE 8.0")>=1){
var src = '';
this.select();
try {
src = document.selection.createRange().text;
} finally {
document.selection.empty();
}
src = src.replace(/[)'"%]/g, function(s){ return escape(escape(s)); });
img_review.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src=\"" + src + "\")";
}
$("#img_review").css("display","block");
});
});
分享到:
相关推荐
Firefox3,IE6,IE7,IE8上传本地图片预览
标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题,这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer(IE6, IE7, IE8)对现代Web标准的支持不足,而...
本话题将深入探讨如何在这些古老的IE版本和Firefox浏览器上实现图片上传预览功能。 图片上传预览是指在用户选择文件后,不实际上传,而是即时在页面上显示所选图片的预览效果,这样可以提高用户体验,让用户在上传...
在JavaScript(简称JS)中实现图片预览,尤其是在兼容老版本的Internet Explorer(如IE6、IE7、IE8)以及Firefox(FF)等浏览器上,需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能,并着重...
首先,IE6、IE7和IE8是微软Internet Explorer的早期版本,它们对于现代Web标准的支持非常有限,而火狐(Firefox)作为一款开源浏览器,虽然对新特性支持较好,但在旧版本中也可能存在一些差异。图片上传预览功能允许...
我找了很久,大多数都不能兼容最新版的火狐,这个能行,希望可以帮助到真正需要的人
例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。 但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。 在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案,用于实现一个功能强大的本地图片预览功能,它能在多种主流浏览器中正常工作,包括古老的Internet Explorer ...
本解决方案特别强调了对IE、Firefox和Chrome浏览器的支持,这涵盖了大部分用户常用的网络浏览器。 在线预览PDF的技术实现主要基于以下几个关键点: 1. **PDF.js**:这是一个由Mozilla开发的开源库,它允许在Web...
解决了ie 7 8 火狐图片预览文件路径被过滤和文件图片原大小改变的解决方式
本文将深入探讨如何实现一个兼容火狐(Firefox)和IE(Internet Explorer)浏览器的JS图片预览功能,同时也会涉及到源码分析和相关工具的使用。 一、基本原理 图片预览的核心是利用HTML的`<img>`标签和`window.URL....
Firefox支持更标准的CSS和JavaScript,所以如果要实现跨浏览器的图片预览,需要采用不同的策略,如使用JavaScript库(如jQuery的`$.load()`)或者HTML5的`<canvas>`元素。 标签“图片预览”和“FILTER”进一步强调...
Jsp图片预览程序(含Java源码) 目前,很多网站都在为提升用户体验而努力,想尽多种办法让用户在网站上...程序中的JavaScript部分兼容ie6/7/8, firefox 3.5.5以及opera 10、safari 4.0.4、 chrome 3.0 等多种浏览器。
标题中的“上传图片预览-兼容IE6,IE7,IE8,FF”指的是一个Web开发的技术解决方案,目的是实现图片上传前的预览功能,并确保该功能在早期版本的Internet Explorer(IE6、IE7、IE8)以及Firefox浏览器上都能正常工作...
本篇文章将详细探讨如何实现“图片上传预览”功能,并确保在IE 6/7/8及Firefox(包括新版)等浏览器中的兼容性。 首先,我们需要了解不同浏览器对HTML5新特性的支持情况。现代浏览器如Chrome、Safari和新版Firefox...
本文将深入探讨如何使用jQuery实现一个简洁版的图片上传预览功能,这个功能可以兼容包括IE和Firefox在内的多种浏览器。 首先,我们需要理解图片预览的基本原理。在用户选择文件之前,我们无法直接预览图片。但是,...
首先,我们需要理解图片预览的基本原理。在用户选择一个图片文件后,我们通过JavaScript获取文件数据,然后利用HTML5的FileReader API读取文件内容,将其转化为base64编码的字符串,最后将这个字符串嵌入到一个`...
在本场景中,"ASP.NET 多图片上传 可预览 兼容火狐 IE"是一个功能实现,它允许用户在网页上一次性上传多张图片,并在上传前或上传过程中提供预览功能,同时确保该功能在不同浏览器,如火狐(Firefox)和IE(Internet...
标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点: 1. **FileReader API**:这是一个HTML5的新特性,用于读取文件。在支持的浏览器中,可以通过`FileReader.readAsDataURL(file)`方法...
在做项目的时候要用到这一块儿,所以就百度了一下,希望对下载者有用