input file转base64

Posted anxiaoyu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input file转base64相关的知识,希望对你有一定的参考价值。

不想用canvas转

  <input type="file" id="file" accept="image/*" onchange="changeImg()"/>
  <script>


function blobToDataURL(blob,cb) 
    let reader = new FileReader();
    reader.onload = function (evt) 
      var base64 = evt.target.result
      cb(base64)
    ;
    reader.readAsDataURL(blob);


  var file = document.getElementById("file");
  function changeImg() 
    var img = file.files[0]
    if(img)
      var url = URL.createObjectURL(img);
      var base64 = blobToDataURL(img,function(base64Url) 
        console.log(base64Url)
      )
    
  

 

以上是关于input file转base64的主要内容,如果未能解决你的问题,请参考以下文章

JS 图片转Base64

将input type="file" 类型的图片文件转成base64

JS input file 转base64 JS图片预览

本地图片与网络图片转base64

php文件转base64

Python 将base64字符串还原成图片保存&&图片转base64