使用 window.URL.createObjectURL预览本地图片或者视频.

最新推荐文章于 2024-05-31 15:00:13 发布

jane_shanli

最新推荐文章于 2024-05-31 15:00:13 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：其他

本文链接：https://blog.youkuaiyun.com/Jane_shanli/article/details/83783231

其他专栏收录该内容

6 篇文章

订阅专栏

用于在浏览器上预览本地图片或者视频.

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

<div>
  <img width="400" height="500"></img>
</div>

<input type="file" accept="image/*" />

<script type="text/javascript">

    $("input").change(function(){
        var files = this.files;
        if(!files.length) {
            return;
        }
        $("img").attr("src", window.URL.createObjectURL(files[0]));
    });

</script>