js转化base64

最新推荐文章于 2024-04-19 11:19:11 发布

码农_视限<-------长不胖

最新推荐文章于 2024-04-19 11:19:11 发布

阅读量1.3k

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_47278755/article/details/127239502

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>
       <p>
           <label>请选择一个文件：</label>
           <input type="file" id="imagefile" />
           <input type="button" value="读取图像" onClick="readAsDataURL();" />
       </p>
       <script type="text/javascript">
           function readAsDataURL() {
               if (typeof FileReader == 'undifined') //判断浏览器是否支持filereader
               {
                   alert("<p>抱歉，你的浏览器不支持 FileReader</p>");
                   return false;
               }
               var file = document.getElementById("imagefile").files[0];

               var reader = new FileReader();
               reader.readAsDataURL(file);
               reader.onload = function(e) {
                   var to_base64 = reader.result
                   console.log(to_base64);
               }

           }
       </script>
   </body>
</html>