title: vuetify image upload preview
body: <p>I am using vuetify with vue.js and I try to preview image before upload</p>
  <p>The HTML</p>
  <pre><code>&lt;v-file-input
    v-on:change=&quot;Preview_image($event)&quot;
  &gt;&lt;/v-file-input&gt;
  &lt;img id=&quot;Preview_image_create&quot; class=&quot;Preview_image&quot;&gt;
  </code></pre>
  <p>the Vue.js code</p>
  <pre><code>methods: {
      Preview_image(e)
      {
           console.log(e);
           if (e.target.files &amp;&amp; e.target.files[0])
           {
            
           }
      },
  </code></pre>
  <p>when choosing an image it gives an error</p>
  <blockquote>
  <p>Cannot read property 'files' of undefined&quot;</p>
  </blockquote>
  <p>logging <code>e</code> gives:</p>
  <pre><code>File {name: &quot;148200_4580089360895_1364944205_n.jpg&quot;, lastModified: 1374722747086, lastModifiedDate: Thu Jul 25 2013 05:25:47 GMT+0200 (Eastern European Standard Time), webkitRelativePath: &quot;&quot;, size: 8506, …}
  lastModified: 1374722747086
  lastModifiedDate: Thu Jul 25 2013 05:25:47 GMT+0200 (Eastern European Standard Time) {}
  name: &quot;148200_4580089360895_1364944205_n.jpg&quot;
  size: 8506
  type: &quot;image/jpeg&quot;
  webkitRelativePath: &quot;&quot;
  __proto__: File
  </code></pre>
  <p>so how to preview the image?</p>