文件上传获取预览图

图片来源于网络

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

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
      }

你可能感兴趣的:(文件上传获取预览图)