<script type="text/javascript">
function readAsBase64() {
var file = document.getElementById("imagefile").files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (e) {
var result = document.getElementById("result");
console.log(this.result); //base64编码格式
// result.innerHTML='<img src="'+this.result+'" alt=""/>'
}
}
</script>
<body>
<p>
<label>请选择一个文件：</label>
<input type="file" id="imagefile" />
<br/>
<input type="button" value="读取图像" onClick="readAsBase64();" />
</p>
<div name="result" id="result">
<!-- 这里用来显示图片结果-->
</div>
</body>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了