有没有接前端代码，就是图片写成代码的m我

𝕷𝖎𝖑𝖏𝖆𝖈𝖐 · 发表于 2024-7-8 20:40:08

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

IT618发布 · 发表于 2024-7-8 20:40:58

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>图片转Base64</title>
</head>
<body>
<input type="file" id="fileInput" accept="image/*" />
<textarea id="base64Output" rows="10" cols="50"></textarea>

<script>
  // 监听文件输入变化
  document.getElementById('fileInput').addEventListener('change', function() {
// 获取文件对象
var file = this.files[0];
// 创建FileReader对象
var reader = new FileReader();
// 将文件读取为DataURL
reader.readAsDataURL(file);
// 读取完成后触发的事件
reader.onload = function(e) {
   // 获取Base64编码的字符串
   var base64Data = e.target.result;
   // 将Base64编码的字符串显示在textarea中
   document.getElementById('base64Output').value = base64Data;
};
  });
</script>
</body>
</html>