关于图片上传之后立即显示,不用从后端获取

复制代码
<body>
  <img src="" alt="" style="width: 400px;height: auto;" class="loadimg">
  <input type="file" id="loadFile">
</body>
<script>
  $('#loadFile').change(function () {
    //取出图片
    var file=this.files[0];
    //判断浏览器是否有FileReader
    if(window.FileReader){
      var reader=new FileReader();
      //读取文件
      reader.readAsDataURL(file);
      //监听文件读取结束并获取url
      reader.onloadend=function(e){
        var url=e.target.result;
         $('.loadimg').attr("src",url);
      }

    }
  })
</script>
复制代码

 

posted @   布偶123  阅读(131)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
· 程序员常用高效实用工具推荐,办公效率提升利器!
点击右上角即可分享
微信分享提示