<!-- 图片预临览 -->
<script type="text/javascript" src="/webPortal/js/imgPreview/CJL.0.1.min.js"></script>
<script type="text/javascript" src="/webPortal/js/imgPreview/QuickUpload.js"></script>
<script type="text/javascript" src="/webPortal/js/imgPreview/ImagePreviewd.js"></script>
<script type="text/javascript" src="/webPortal/js/imgPreview/QuickUpload.js"></script>
var ip2 = new ImagePreview($$("btnGroupImage"),$$("group_image"), {
maxWidth: 48,
maxHeight: 48,
// action: "ImagePreview.asp",
onErr: function(){ alert("载入预览出错!");},
onCheck:CheckPreview
});
ip2.img.src = ImagePreview.TRANSPARENT;
ip2.file.onchange = function(){ ip2.preview();
};
btnGroupImage //表示file 控件 id
group_image //表示显示的img控件id
//附件里有js
//以上只支持火狐和IE,要支持goolge,看我另一篇文章
//做个记录
//file 的onchange事件
function onUploadImgChange(op){
if( !op.value.match( /.jpg|.gif|.png|.bmp/i ) ){
alert('图片格式无效!');
return false;
}
if(navigator.userAgent.indexOf("MSIE")>0){
op.select();
var imgSrc = document.selection.createRange().text;
document.getElementById( 'preview_size_fake').src=imgSrc;
} else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
document.getElementById( 'preview_size_fake').src = op.files[0].getAsDataURL();
} else if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
var o=op;
} else if(isCamino=navigator.userAgent.indexOf("Camino")>0){
}
}
分享到:
相关推荐
在JavaScript(简称JS)中实现图片预览,尤其是在兼容老版本的Internet Explorer(如IE6、IE7、IE8)以及Firefox(FF)等浏览器上,需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能,并着重...
Firefox支持更标准的CSS和JavaScript,所以如果要实现跨浏览器的图片预览,需要采用不同的策略,如使用JavaScript库(如jQuery的`$.load()`)或者HTML5的`<canvas>`元素。 标签“图片预览”和“FILTER”进一步强调...
例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。 但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。 在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。
本解决方案特别强调了对IE、Firefox和Chrome浏览器的支持,这涵盖了大部分用户常用的网络浏览器。 在线预览PDF的技术实现主要基于以下几个关键点: 1. **PDF.js**:这是一个由Mozilla开发的开源库,它允许在Web...
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案,用于实现一个功能强大的本地图片预览功能,它能在多种主流浏览器中正常工作,包括古老的Internet Explorer ...
在Firefox和其他支持File API的浏览器中,我们可以利用`<input type="file">`元素,结合JavaScript来读取选中的图片文件,然后使用`FileReader`对象的`readAsDataURL`方法将图片数据转换成`data:` URL,最后插入到`...
本话题将深入探讨如何在这些古老的IE版本和Firefox浏览器上实现图片上传预览功能。 图片上传预览是指在用户选择文件后,不实际上传,而是即时在页面上显示所选图片的预览效果,这样可以提高用户体验,让用户在上传...
本文将深入探讨如何使用纯JS实现这一功能,同时确保兼容性覆盖到古老的Internet Explorer(IE)和Firefox浏览器。我们首先需要了解的是,浏览器对文件API的支持程度不同,特别是对于IE,我们需要采用一些特殊的技术...
在本场景中,"ASP.NET 多图片上传 可预览 兼容火狐 IE"是一个功能实现,它允许用户在网页上一次性上传多张图片,并在上传前或上传过程中提供预览功能,同时确保该功能在不同浏览器,如火狐(Firefox)和IE(Internet...
这个话题涉及到的主要技术是JavaScript,特别是如何使用JavaScript来实现跨浏览器(包括IE、Firefox和Google Chrome)的图片预览功能。下面将详细介绍这一知识点。 首先,我们需要理解浏览器对文件API的支持。现代...
经过测试的图片上传预览,支持主流浏览器,经过测试的,代码更加的简单
兼容不同的浏览器,尤其是老版本的Internet Explorer(IE)和Firefox,对于开发者来说是一项挑战。本篇文章将详细探讨如何实现“图片上传预览”功能,并确保在IE 6/7/8及Firefox(包括新版)等浏览器中的兼容性。 ...
本文将深入探讨如何使用jQuery实现一个简洁版的图片上传预览功能,这个功能可以兼容包括IE和Firefox在内的多种浏览器。 首先,我们需要理解图片预览的基本原理。在用户选择文件之前,我们无法直接预览图片。但是,...
在 Different browsers have different implementations of the File API,例如,Firefox 3.0+支持 `getAsDataURL()` 方法,而IE浏览器则需要使用滤镜来加载图片。因此,我们需要使用JavaScript来检测浏览器类型,并...
在早期的Web开发中,尤其是面对Internet Explorer(IE)和Firefox等主流浏览器,开发者需要采取不同的策略来确保功能的正常运行。现代浏览器普遍支持FileReader API,可以轻松地读取用户选择的文件并转换为Data URL...
在ASP(Active Server Pages)开发中,实现图片上传并预览功能是一项常见的需求,尤其在兼容多种浏览器,如IE7到IE11、火狐、谷歌、QQ浏览器和360浏览器时,需要考虑跨浏览器的兼容性问题。本文将详细讲解如何在这些...
首先,IE6、IE7和IE8是微软Internet Explorer的早期版本,它们对于现代Web标准的支持非常有限,而火狐(Firefox)作为一款开源浏览器,虽然对新特性支持较好,但在旧版本中也可能存在一些差异。图片上传预览功能允许...
标题中的“上传图片预览-兼容IE6,IE7,IE8,FF”指的是一个Web开发的技术解决方案,目的是实现图片上传前的预览功能,并确保该功能在早期版本的Internet Explorer(IE6、IE7、IE8)以及Firefox浏览器上都能正常工作...
Jsp图片预览程序(含Java源码) 目前,很多网站都在为提升用户体验而努力,想尽多种办法让用户在网站上...程序中的JavaScript部分兼容ie6/7/8, firefox 3.5.5以及opera 10、safari 4.0.4、 chrome 3.0 等多种浏览器。