全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
使用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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
# filereader接口读取文件
# readAsDataURL预览图片
# js读取文件
# js利用FileReader读取本地文件或者blob方式
# JavaScript中的FileReader示例详解
# JavaScript使用FileReader实现图片上传预览效果
# JS中FileReader类实现文件上传及时预览功能
# Js中FileReader读取文件内容方法详解(async/await)
# Js中的FileReader相关操作方法总结
# 不支持
# 请选择
# 源代码
# 大家多多
# charset
# Type
# Content
# text
相关文章：
宝塔新建站点报错如何解决？
太原网站制作公司有哪些,网约车营运证查询官网？
C++用Dijkstra(迪杰斯特拉)算法求最短路径
制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？
c# Task.ConfigureAwait(true) 在什么场景下是必须的
北京网站制作的公司有哪些,北京白云观官方网站？
网站制作公司排行榜,四大门户网站排名？
深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？
宁波免费建站如何选择可靠模板与平台？
阿里云网站搭建费用解析：服务器价格与建站成本优化指南
湖北网站制作公司有哪些,湖北清能集团官网？
专业商城网站制作公司有哪些,pi商城官网是哪个？
婚礼视频制作网站,学习*后期制作的网站有哪些？
如何设计高效校园网站？
专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？
如何快速配置高效服务器建站软件？
做企业网站制作流程,企业网站制作基本流程有哪些？
如何快速搭建高效服务器建站系统？
如何快速搭建高效香港服务器网站？
魔方云NAT建站如何实现端口转发？
建站之星体验版：智能建站系统+响应式设计，多端适配快速建站
制作门户网站的参考文献在哪,小说网站怎么建立？
贸易公司网站制作流程,出口贸易网站设计怎么做？
建站之星伪静态规则如何设置？
智能起名网站制作软件有哪些,制作logo的软件？
小建面朝正北，A点实际方位是否存在偏差？
如何通过商城自助建站源码实现零基础高效建站？
百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？
建站主机系统SEO优化与智能配置核心关键词操作指南
企业网站制作公司网页,推荐几家专业的天津网站制作公司？
济南网站制作的价格,历城一职专官方网站？
成都网站制作报价公司,成都工业用气开户费用？
如何用西部建站助手快速创建专业网站？
网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？
c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】
建站之星后台密码遗忘或太弱？如何重置与强化？
建站之星后台管理：高效配置与模板优化提升用户体验
图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？
建站主机是什么？如何选择适合的建站主机？
北京的网站制作公司有哪些,哪个视频网站最好？
建站之星CMS建站配置指南：模板选择与SEO优化技巧
定制建站模板如何实现SEO优化与智能系统配置？18字教程
网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？
c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】
香港服务器如何优化才能显著提升网站加载速度？
建站之星×万网：智能建站系统+自助建站平台一键生成
建站之家VIP精选网站模板与SEO优化教程整合指南
如何通过云梦建站系统实现SEO快速优化？
建站主机默认首页配置指南：核心功能与访问路径优化
如何设置并定期更换建站之星安全管理员密码？
*请认真填写需求信息，我们会在24小时内与您取得联系。
