所花时间（包括上课）：5h
代码量（行）300行
博客量（篇）：1篇
下午学习了一下午去Z自习室
我了解到的知识点：
我学习了html的一些标签并认真做的笔记，改了项目的一些内容，认真复习了web的一些知识
遇到的问题：人脸识别系统我不会调用接口
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<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");
var data = this.result.split(';base64,')[1];
document.getElementById("base").value = data;
result.innerHTML='<img style="width:300px" src="'+this.result+'" alt=""/>'
}
}
</script>
</head>
<body>
<p>
<label>请选择一个文件：</label>
<input type="file" id="imagefile" onchange="readAsDataURL();"/>
<!-- <input type="button" value="读取图像" onClick="readAsDataURL();" /> -->
</p>
<form action="chuli.jsp" method="post">
id：<input type="text" name="id"><br>
姓名：<input type="text" name="name"><br>
密码：<input type="text" name="password"> <br>
<input type="hidden" id="base" name="base">
<input type="submit" value="提交">
</form>
<div name="result" id="result">
</div>
</body>
</html>
标签：FileReader,result,file,reader,var,4.21,document From： https://www.cnblogs.com/zhaoshengfu/p/17342130.html