该博客展示了如何使用HTML5的FileReader API将用户选择的图片转换成Base64编码。通过创建input元素选择文件，监听change事件读取文件并将其转化为Data URL，最后将Base64编码的图片显示在页面上。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.upload_img{
width:300px;
height: 300px;
margin: 100px auto;
background-color: lightskyblue;
text-align: center;
line-height: 300px;
font-size: 16px;
}
</style>
</head>
<body>
<div class="upload_img">
上传
</div>
<img src=""/>
</body>
</html>
<script type="text/javascript">
window.onload = function(){
var u
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.upload_img{
width:300px;
height: 300px;
margin: 100px auto;
background-color: lightskyblue;
text-align: center;
line-height: 300px;
font-size: 16px;
}
</style>
</head>
<body>
<div class="upload_img">
上传
</div>
<img src=""/>
</body>
</html>
<script type="text/javascript">
window.onload = function(){
var u
最低0.47元/天 解锁文章
8065
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
