js图片预览

最新推荐文章于 2024-06-20 10:53:59 发布

一剑荒芜

最新推荐文章于 2024-06-20 10:53:59 发布

阅读量221

点赞数 1

分类专栏： js功能代码 js图片实时加载文章标签： js 图片预览图片实时加载

本文链接：https://blog.csdn.net/qq_42138058/article/details/99718128

版权

js功能代码同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

js图片实时加载

1 篇文章 0 订阅

订阅专栏

表单

 <input type="file"  id="fileButton">
 <img src="" alt="">

js（jquery）

   // 图片预览
    $("#fileButton").change(function (e) {
        // 获取到文件
        var file = e.target.files[0] || e.dataTransfer.files[0];
        if(file){
            var reader = new FileReader();
            reader.onload = function (e) {
                $("img").attr("src",this.result);
            }
            reader.readAsDataURL(file);
        }
    })