您的位置：首页 > Web前端 > JavaScript

几种兼容IE和火狐图片预览的JS代码

2009-08-14 16:10 686 查看

以下代码，尽管是转的，但都经过本人测试的。

代码1：

<!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="about:blank" alt="Image to be upload." />

<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){

dImg.src = dFile.files[0].getAsDataURL();

}else if(dFile.value.indexOf('//') > -1 || dFile.value.indexOf('//') > -1){

dImg.src = dFile.value;

}

}

</script>

</body>

</html>

先把这一种代码帖出来，以后还会不断完善。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

几种兼容IE和火狐 图片预览的JS代码

几种兼容IE和火狐图片预览的JS代码