js获取图片base64格式串的方法

最新推荐文章于 2024-05-29 15:01:33 发布

丰云

最新推荐文章于 2024-05-29 15:01:33 发布

阅读量7.5k

点赞数

分类专栏：前端应用文章标签：图片转base64 js

本文链接：https://blog.csdn.net/foren_whb/article/details/80736749

版权

前端应用专栏收录该内容

61 篇文章 0 订阅

订阅专栏

论坛里有同学提出了这个问题，尝试了一下，中间走了一些弯路，最终实现方法很简单，还是记录下来，以备后用：

<!DOCTYPE html>
<html>
<head>
    <title>img to base64</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
</head>
<body>
    <img id="showImg" />
    <input type="file" οnchange="changeFile(event);" />
</body>
</html>
<script type="text/javascript">
    function changeFile(event) {
        file = event.target.files[0];
        var a = new FileReader();
        a.onload = function (e) {
            var base64Str = e.target.result;//获取base64
            //下面是测试得到的base64串能否正常使用：
            document.getElementById('showImg').src = base64Str;
        }
        a.readAsDataURL(file);
    }
</script>

丰云

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
js获取图片base64格式串的方法

论坛里有同学提出了这个问题，尝试了一下，中间走了一些弯路，最终实现方法很简单，还是记录下来，以备后用：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;Blob To Base64&lt;/title&gt; &lt;meta http-equiv="Content-type" content="text
复制链接

扫一扫