title: Preview image before its uploaded using vuetify "<v-file-input>"?
body: <p>This is what I have right now</p>
  <pre><code>      &lt;v-file-input
              v-model=&quot;image&quot;
              type=&quot;file&quot;
              class=&quot;input&quot;
              label=&quot;Upload license&quot;
              hint=&quot;Add a picture of youre license&quot;
              outlined
              dense
              @change=&quot;onFileChange&quot;
            /&gt;
  
            &lt;v-img :src=&quot;image&quot; /&gt;
  </code></pre>
  <p>Just so you know, I know how to do this with the  &quot;&quot;, it kinda looks like this:</p>
  <pre><code>createImage (file) {
    const image = new Image()
    const reader = new FileReader()
    const vm = this
  
    reader.onload = (e) =&gt; {
      vm.image = e.target.result
      console.log(vm.image)
    }
    reader.readAsDataURL(file)
     },        
   onFileChange (e) {
    const files = e.target.files || e.dataTransfer.files
    if (!files.length) { return }
    this.createImage(files[0])
  },
  </code></pre>
  <p>and just call to onFileChange on the input tag like @change=&quot;onFileChange&quot;</p>