js 读取本地文件显示在 img中

最新推荐文章于 2023-01-12 12:23:04 发布

jimtrency

最新推荐文章于 2023-01-12 12:23:04 发布

阅读量2.5k

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/JimTrency/article/details/68943431

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

写了这么就得博客，我也不知道说啥了，直接上代码：

这里写图片描述

function changImg(context,e){

    //判断是否支持FileReader
    if (window.FileReader) {
        var reader = new FileReader();
    } else {
        alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
    }

    //获取文件
    var file = context.files[0];
    var imageType = /^image\//;
    //是否是图片
    if (!imageType.test(file.type)) {
        alert("请选择图片！");
        return;
    }
    //读取完成
    reader.onload = function(e) {
        var editImg=document.getElementById('edit-image');
        editImg.style.display='block';
        editImg.setAttribute('src', e.target.result);

    };
    reader.readAsDataURL(file);
}