文件上传获取预览图

2018-10-09  本文已影响17人  IT锟
图片来源于网络

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

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
      }

上一篇下一篇

猜你喜欢

热点阅读