好资源导航 » 文章资讯 » JavaScript通过filereader接口读取文件

JavaScript通过filereader接口读取文件

2024-02-24 01:15:03 55

使用FileReader接口的readAsDataURL方法实现图片的预览。

源代码：




通过filereader接口读取文件

functionreadAsDataURL()
{
if(typeofFileReader=='undifined')//判断浏览器是否支持filereader
{
result.innerHTML="抱歉，你的浏览器不支持FileReader";
returnfalse;
}
varfile=document.getElementById("imagefile").files[0];
if(!/image\/\w+/.test(file.type))//判断获取的是否为图片文件
{
alert("请确保文件为图像文件");
returnfalse;
}
varreader=newFileReader();
reader.readAsDataURL(file);
reader.onload=function(e)
{
varresult=document.getElementById("result");
result.innerHTML=''
}

}





请选择一个文件：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

JavaScript通过filereader接口读取文件

热门推荐

随机推荐