全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：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
相关文章：
建站之星下载版如何获取与安装？
如何确保FTP站点访问权限与数据传输安全？
制作网站的基本流程,设计网站的软件是什么？
如何通过老薛主机一键快速建站？
如何快速生成专业多端适配建站电话？
如何高效完成自助建站业务培训？
如何确保西部建站助手FTP传输的安全性？
武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？
深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？
Swift中switch语句区间和元组模式匹配
建站ABC备案流程中有哪些关键注意事项？
如何在阿里云完成域名注册与建站？
详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）
南京网站制作费用,南京远驱官方网站？
制作证书网站有哪些,全国城建培训中心证书查询官网？
手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？
建站之星后台密码遗忘或太弱？如何重置与强化？
网站微信制作软件,如何制作微信链接？
网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？
盐城做公司网站,江苏电子版退休证办理流程？
建站之星安装步骤有哪些常见问题？
建站主机解析：虚拟主机配置与服务器选择指南
深圳 网站制作,深圳招聘网站哪个比较好一点啊？
如何选择可靠的免备案建站服务器？
制作网站的过程怎么写,用凡科建站如何制作自己的网站？
如何用IIS7快速搭建并优化网站站点？
如何在阿里云部署织梦网站？
如何通过西部建站助手安装IIS服务器？
高端建站三要素：定制模板、企业官网与响应式设计优化
网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？
潍坊网站制作公司有哪些,潍坊哪家招聘网站好？
免费视频制作网站,更新又快又好的免费电影网站？
微课制作网站有哪些,微课网怎么进？
免费制作小说封面的网站有哪些,怎么接网站批量的封面单？
详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）
建站主机是否属于云主机类型？
南宁网站建设制作定制,南宁网站建设可以定制吗？
如何彻底卸载建站之星软件？
建站之星云端配置指南：模板选择与SEO优化一键生成
如何在Golang中使用encoding/gob序列化对象_存储和传输数据
内部网站制作流程,如何建立公司内部网站？
ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？
如何高效利用亚马逊云主机搭建企业网站？
高防网站服务器：DDoS防御与BGP线路的AI智能防护方案
如何通过远程VPS快速搭建个人网站？
网页设计网站制作软件,microsoft office哪个可以创建网页？
做企业网站制作流程,企业网站制作基本流程有哪些？
C++如何编写函数模板？（泛型编程入门）
如何快速搭建FTP站点实现文件共享？
非常酷的网站设计制作软件,酷培ai教育官方网站？
*请认真填写需求信息，我们会在24小时内与您取得联系。
