文件上传获取预览图

图片来源于网络

这是第二次要做文件上传预览的功能,于是找以前的笔记,没找到,捣腾了半天,这次终于记得做笔记了:

1、监听input file的change事件,这里不做赘述

2、监听事件的代码


    function getFile(event){
        this.file = event.target.files[0];
        //创建预览url
        var r = window.URL.createObjectURL(this.file)
        this.imgStr = r
      }

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,088评论 19 139
  • 首先必须登陆到官网 https://www.genymotion.com/account/login/ 登陆成功后...
    代码不死阅读 3,165评论 0 0
  • 我的天空,空荡至极守门人早已走失他带走了挂在门上的铃铛也带走在门口等我的石凳 举着的双手,盲目的脚步注定将无从着落...
    竹无心a阅读 5,455评论 24 59

友情链接更多精彩内容