Using Vaadin Elements (Vaadin-Upload) with Vaadin Framework

Flow
1

Hello, I’m new in vaadin and try to use vaadin-upload web component. My question is how to get access to File Object in an event like upload-success, upload-remove… Thanks in advance

2

Hi,

I think you can get the file from the event, for example:

<vaadin-upload id="demo"></vaadin-upload>

document.querySelector('vaadin-upload#demo').addEventListener('upload-sucess', function(event){
  // get the file from the event detail
  console.log(event.detail.file);
})

Hope this helps,
Goran

3

Are you using Vaadin 8 or Vaadin 10?