JS_input type=“file“ 选择文件后转base64编码字符串

最新推荐文章于 2024-08-09 11:00:24 发布

小歪 | 前端

最新推荐文章于 2024-08-09 11:00:24 发布

阅读量1.2k

点赞数 2

分类专栏： # JS

本文链接：https://blog.csdn.net/weixin_44599931/article/details/108474028

版权

JS 专栏收录该内容

162 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择文件转base64</title>
</head>
<body>
    <input type="file" onchange="upimg()" id="img" multiple="multiple">
</body>
</html>
<script>
    function upimg(){
        var file = document.getElementById("img").files[0];
        //声明js的文件流
        var reader = new FileReader();
        if(file){
            //通过文件流将文件转换成Base64字符串
            reader.readAsDataURL(file);
            //转换成功后
            reader.onload = function () {
                var base = reader.result;
                console.log(base)
            }
        }
        
    }
</script>