春天，大自然一片生机，天空则设计了一个优美的背景。淡蓝的颜色，有些透明，像一块在强烈光照下的蓝宝石，无暇的找不出半点疵瑕。云儿也不知上哪儿玩去了，剩下个特大特明亮的太陽，照得天空泛白。万物在这背景下都是那么的奇妙美好，无处不弥漫着陽光的气味。天空，多么像一位诗人，创造了春天这么美的意境！
使用FileReader接口的readAsDataURL方法实现图片的预览。
源代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>通过filereader接口读取文件</title>
<script type="text/javascript">
function readAsDataURL()
{
if(typeof FileReader=='undifined') //判断浏览器是否支持filereader
{
result.innerHTML="<p>抱歉，你的浏览器不支持 FileReader</p>";
return false;
}
var file=document.getElementById("imagefile").files[0];
if(!/image\/\w+/.test(file.type)) //判断获取的是否为图片文件
{
alert("请确保文件为图像文件");
return false;
}
var reader=new FileReader();
reader.readAsDataURL(file);
reader.onload=function(e)
{
var result=document.getElementById("result");
result.innerHTML='<img src="'+this.result+'" alt=""/>"
}
}
</script>
</head>
<body>
<p>
<label>请选择一个文件：</label>
<input type="file" id="imagefile" />
<input type="button" value="读取图像" onClick="readAsDataURL();" />
</p>
<div name="result" id="result">
<!-- 这里用来显示图片结果-->
</div>
</body>
</html>
到此这篇关于JavaScript通过filereader接口读取文件就介绍到这了。青春是气贯长虹，勇锐盖过怯懦，进取压倒苟安；如此锐气，弱冠后生有之，耳顺之年，则亦多见，年岁有如并非垂老，理想丢弃，方堕暮年。更多相关JavaScript通过filereader接口读取文件内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！