js 把图片转成base64

js 将图片转换为base64编

前端向后端传输图片等文件数据,经常会将图片或者文章转换成base64字符串,再由后端解密base64字符串存储,或直接存储base64字符串。

  • 首先获取input 选择框对象
  • 然后使用 FileReader对象转base64
  • 如果转成功会调用 reader.onloadend回调函数
<input type="file" class="custom-file-input">
var file = document.querySelector('input[type=file]').files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onloadend = function () {
    var base64 = reader.result;
    console.log(base64);
}

你可能感兴趣的:(js,javascript,jquery,base64)