title: How to show the file name while we are uploading multiple images
body: <p>Here I have written the vue.js code for multi upload with single input field.</p>
  <p>And this is working exactly fine But the issue is while we are uploading the file it is showing the number of files uploaded but instead i want to display the name of the file what we are uploading.</p>
  <p>So can we do this please let me know.</p>
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src=&quot;https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://unpkg.com/axios/dist/axios.min.js&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;template id=&quot;asad&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;div&gt;
              &lt;h2&gt;Multiple Files&lt;/h2&gt;
              &lt;hr/&gt;
              &lt;label&gt;Files
                  &lt;input type=&quot;file&quot; multiple @change=&quot;handleFileUploads( $event )&quot;/&gt;
              &lt;/label&gt;
              &lt;br&gt;
              &lt;button v-on:click=&quot;submitFiles()&quot;&gt;Submit&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;/body&gt;
  
  &lt;script&gt;
      var app = new Vue({
      el: '#asad',
          data(){
              return {
                  files: []
              }
          },
          
          methods: {
              handleFileUpload( event ){
                  this.files = event.target.files;
              },
              
              submitFile(){
                  let formData = new FormData();
                  
                  for( var i = 0; i &lt; this.files.length; i++ ){
                      let file = this.files[i];
                  
                      formData.append('files[' + i + ']', file);
                  }
                  
                  axios.post( '/multiple-files',
                      formData,
                      {
                          headers: {
                                  'Content-Type': 'multipart/form-data'
                          }
                      }
                  ).then(function(){
                      console.log('SUCCESS!!');
                  })
                  .catch(function(){
                      console.log('FAILURE!!');
                  });
              }
          }
      })
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Y1ohZ.png" rel="nofollow noreferrer">image</a></p>