上传图片获取base64位编码

最新推荐文章于 2023-09-14 23:35:52 发布

weixin_30460489

最新推荐文章于 2023-09-14 23:35:52 发布

阅读量394

点赞数

文章标签： java

原文链接：http://www.cnblogs.com/kugeliu/p/7811775.html

版权

本文介绍了一种使用JavaScript实现图片预览的方法。通过FileReader API读取用户上传的图片文件，并将其显示在页面上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function loadImg(){  
    //获取文件  
    var file = $("#imgForm").find("input")[0].files[0];  
  
    //创建读取文件的对象  
    var reader = new FileReader();  
  
    //创建文件读取相关的变量  
    var imgFile;  
  
    //为文件读取成功设置事件  
    reader.οnlοad=function(e) {  
        alert('文件读取完成');  
        imgFile = e.target.result;  
        console.log(imgFile);  
        $("#imgContent").attr('src', imgFile);  
    };  
  
    //正式读取文件  
    reader.readAsDataURL(file);  
}