开发类 - html选择图片，转换成base64并显示在img中，非常方便，代码如下：

最新推荐文章于 2024-06-21 15:25:50 发布

最新推荐文章于 2024-06-21 15:25:50 发布

阅读量1.8k

点赞数

分类专栏： 02工作中收集的问题及解决办法文章标签： html选择图片，转换成base64并显示在img中

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/milkbrother1988/article/details/95973889

版权

02工作中收集的问题及解决办法专栏收录该内容

29 篇文章 1 订阅

订阅专栏

1、<input type="file"/>选择图片，转换成base64并显示在img中，非常方便，代码如下：

<div class="div1">
    <div class="btn1" onclick="javascript:$('#file1').click();">上传图片</div>
    <input type="file" style="display: none;" id="file1"/>

    <div class="dimage1">
        <image id="image1" src="" class="image1"></image>
    </div>

    <script>
        $("#file1").change(function(){
            var reader = new FileReader();
            reader.onload = function(e){
                console.log(reader.result);
                $("#image1").attr('src', reader.result);
            }
            reader.readAsDataURL(this.files[0])
        });
    </script>
</div>