Vue---实现图片或文件上传

模板代码：

 <input type="file" ref="file" @change="fileChange" />

事件处理函数：

    fileChange() {
      // 读取文件对象，并基于文件对象获取blob数据
      const file = this.$refs.file.files[0]
      // 获取文件的url
      const url = window.URL.createObjectURL(file)

      //file-input如果选了同一个文件不会触发change事件
      //解决办法就是每次使用完毕，把它的value清空
      this.$refs.file.value = ''
    }