<!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>
分享到：
相关推荐
兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览
js上传前预览图片，兼容IE,firefox,google
Jsp图片预览程序（含Java源码） 目前，很多网站都在为提升用户体验而努力，想尽多种办法让用户在网站上...程序中的JavaScript部分兼容ie6/7/8, firefox 3.5.5以及opera 10、safari 4.0.4、 chrome 3.0 等多种浏览器。
NULL 博文链接：https://1017401036.iteye.com/blog/2098990
javascript 上传并预览图片（兼容IE，6,7,8,9+,谷歌,火狐,Safari）移动端也可以。
js预览图片兼容ie6，7，8，火狐等浏览器
主要介绍了js实现兼容IE、Firefox的图片缩放代码,涉及JavaScript操作图片元素的相关技巧,需要的朋友可以参考下
纯javascript实现上传图片前图片预览，判断图片大小，兼容ie-7到10 firefox chrome，非常不错，分享给大家。
主要介绍了兼容最新firefox、chrome和IE的javascript图片预览实现代码,测试了浏览器firefox6、firefox12、chrome 25.0.1364.172 m、IE6-IE10 都兼容,需要的朋友可以参考下
2 兼容ie,firefox 3 实现判断文件大小。火狐下实现了上传前判断图片大小，ie下目前是采用ActiveXObject方法，但会弹框提示，不友好，提供ajax方式后台判断文件大小。 4 判断图片类型合法性。 5 上传前判断图片尺寸。...
js上传图片预览 兼容 ie 火狐
不论您使用的是 IE6 还是 IE7,还是火狐、均可以看到以下预览。 虽然可以在ie6,ie7,火狐预览、但在谷歌浏览器还是不行、哪位高人要是有更好的办法浏览、能否交流交流 收藏下，qq：253930407
javascript 上传图片预览效果，兼容：ie6/7/8, firefox 3.5.5
JS选择图片预览功能 兼容IE火狐CHROME等主流浏览器
Flash头像上传组件功能介绍 1.上传并预览，用户可以任意选择区域，支持头像旋转 2.支持上传成功，js 回调函数 3.无论图片过大还是过小...7.兼容性好，任何浏览器 IE10, IE9, IE8, IE7 IE 6 ,firefox, chrome 都正常使用
功能介绍： 1.上传并预览，用户可以任意选择区域，支持头像旋转 2.支持上传成功，js 回调函数 3.无论图片过大还是过小，都可以按照...兼容性好，任何浏览器 IE10, IE9, IE8, IE7 IE 6 ,firefox, chrome 都正常使用
一款非常好的仿新浪头像上传插件源代码，无水印，部署服务器直接可以使用 1.上传并预览，用户可以任意选择区域，支持头像旋转 ...7.兼容性好，任何浏览器 IE10, IE9, IE8, IE7 IE 6 ,firefox, chrome 都正常使用
兼容性好，任何浏览器 IE10, IE9, IE8, IE7 IE 6 ,firefox, chrome 都正常使用 注意事项: 1.确定存储图片目录可写权限, iis+win 存储图片目录是 everyone 用户，apache+linux，需要可写权限(777) 调试方法： ...
jquery上传图片前的预览功能，兼容 ie(6/7/8/9) 火狐... ie9 默认不显示图像预览，内附设置说明图片,和参考文档 jquery.uploadPreview.js 插件