一、btoa和atob
// 字符串转换为 Base64 编码
const originalString = 'Hello, World!';
const base64String = btoa(originalString);
console.log('原始字符串:', originalString);
console.log('Base64 编码:', base64String);
// Base64 编码转换回原始字符串
const decodedString = atob(base64String);
console.log('解码后的字符串:', decodedString);
二、使用 FileReader
对象来读取文件并将其转换为 base64 编码的格式
<input type="file" id="fileInput" onchange="handleFileInputChange(event)">
<script>
function handleFileInputChange(event) {
const file = event.target.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
const base64Content = e.target.result;
console.log('Base64 内容:', base64Content);
// 在这里可以对 base64Content 进行处理,比如上传到服务器或展示在页面上
};
reader.readAsDataURL(file); //readAsText转文本
}
}
</script>