<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New file input tester.</title>
</head>
<body>
<input id="myfile" type="file" />
<br />
<img src="" alt="Image to be upload." width="50px" height="50px"/>
<img id="ss" src="" alt="Image to be upload." width="400px" height="400px"/>
<div id="info"></div>
<script type="text/javascript">
var dFile = document.getElementById('myfile');
var dImg = document.getElementsByTagName('img')[0];
var dInfo = document.getElementById('info');
dFile.onchange = function(){
if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .png !');return;}
if(dFile.files){
document.getElementById("ss").src=dFile.files[0].getAsDataURL();
dImg.src = dFile.files[0].getAsDataURL();
}else if(dFile.value.indexOf('\\') > -1 || dFile.value.indexOf('\/') > -1){
dImg.src = dFile.value;
document.getElementById("ss").src=dFile.value;
}
}
</script>
<p>判断远程图片是否存在，不存在的话替换成默认的图片，代码如下：</p>
<p>第一种情况存在http://www.iteye.com/images/logo-small.gif</p>
<IMG src="http://www.iteye.com/images/logo-small.gif" onerror="javascript:this.src='http://www.iteye.com/upload/logo/user/233547/cd53fca0-a8a7-3fe5-b4c9-c2c6c3d2fc4a.jpg?1271142474'">
<p>第二种情况不存在http://www.iteye.com/images/logo-small11.gif，<br>替换成本人的logo^_^</p>
<IMG src="http://www.iteye.com/images/logo-small11.gif" onerror="javascript:this.src='http://www.iteye.com/upload/logo/user/233547/cd53fca0-a8a7-3fe5-b4c9-c2c6c3d2fc4a.jpg?1271142474'">
</body>
</html>
分享到：
相关推荐
标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题，这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer（IE6, IE7, IE8）对现代Web标准的支持不足，而...
在JavaScript（简称JS）中实现图片预览，尤其是在兼容老版本的Internet Explorer（如IE6、IE7、IE8）以及Firefox（FF）等浏览器上，需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能，并着重...
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...
在网页开发中，兼容性问题始终是一个挑战，尤其是在处理老版本的Internet Explorer（IE）浏览器时，如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限，例如对CSS3、HTML5新特性以及JavaScript的一些高级...
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案，用于实现一个功能强大的本地图片预览功能，它能在多种主流浏览器中正常工作，包括古老的Internet Explorer ...
本文将深入探讨如何使用纯JS实现这一功能，同时确保兼容性覆盖到古老的Internet Explorer（IE）和Firefox浏览器。我们首先需要了解的是，浏览器对文件API的支持程度不同，特别是对于IE，我们需要采用一些特殊的技术...
标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点： 1. **FileReader API**：这是一个HTML5的新特性，用于读取文件。在支持的浏览器中，可以通过`FileReader.readAsDataURL(file)`方法...
本篇文章将详细探讨如何实现“图片上传预览”功能，并确保在IE 6/7/8及Firefox（包括新版）等浏览器中的兼容性。 首先，我们需要了解不同浏览器对HTML5新特性的支持情况。现代浏览器如Chrome、Safari和新版Firefox...
这个标题提到的"js预览图片 上传前预览图片 兼容ie6.7.8.9 ff 谷歌 opera 苹果浏览器"，表明这是一个旨在解决浏览器兼容性问题的解决方案，涵盖了老版本的Internet Explorer（IE6到IE9）以及Firefox、Chrome、Opera...
Jsp图片预览程序（含Java源码） 目前，很多网站都在为提升用户体验而努力，想尽多种办法让用户在网站上...程序中的JavaScript部分兼容ie6/7/8, firefox 3.5.5以及opera 10、safari 4.0.4、 chrome 3.0 等多种浏览器。
首先，IE6、IE7和IE8是微软Internet Explorer的早期版本，它们对于现代Web标准的支持非常有限，而火狐（Firefox）作为一款开源浏览器，虽然对新特性支持较好，但在旧版本中也可能存在一些差异。图片上传预览功能允许...
"兼容IE和firefox的弹出层.zip"这个压缩包文件显然提供了一个解决方案，旨在确保弹出层在这些浏览器之间能够正常工作。下面将详细解释弹出层的概念，以及在不同浏览器间实现兼容性的关键点。 **弹出层（Pop-up ...
这个话题涉及到的主要技术是JavaScript，特别是如何使用JavaScript来实现跨浏览器（包括IE、Firefox和Google Chrome）的图片预览功能。下面将详细介绍这一知识点。 首先，我们需要理解浏览器对文件API的支持。现代...
对于“图片预览(支持IE7)”这个主题，我们主要关注的是如何在Internet Explorer 7（简称IE7）这种老版本浏览器中实现图片预览功能。由于IE7并不支持现代浏览器的一些特性，比如CSS3或HTML5的`<img>`标签的`srcset`...
本文将深入探讨如何使用jQuery实现一个简洁版的图片上传预览功能，这个功能可以兼容包括IE和Firefox在内的多种浏览器。 首先，我们需要理解图片预览的基本原理。在用户选择文件之前，我们无法直接预览图片。但是，...
javascript 上传并预览图片（兼容IE，6,7,8,9+,谷歌,火狐,Safari）移动端也可以。
6. **浏览器兼容性**：针对IE、Firefox和Chrome等不同浏览器，可能需要针对其特性进行特定的代码优化和适配。例如，对于IE，可能需要使用条件注释或polyfill来兼容旧版本的JavaScript API。 7. **响应式设计**：...
可预览 兼容火狐 IE"是一个功能实现，它允许用户在网页上一次性上传多张图片，并在上传前或上传过程中提供预览功能，同时确保该功能在不同浏览器，如火狐（Firefox）和IE（Internet Explorer）之间具有良好的兼容性...
JUploader-兼容IE9,10,11的多图预览上传,兼容目前最新的chrome和firefox浏览器；基于 ajaxfileupload.js，支持本地图预览，上传时loadding状态显示。最少代码集成，简单易用。 该版本支持文件上传，技持success回调...