File upload issue using attribute fileUploadField

We have write the code following for file upload

<fileUploadField id="fileUploadFieldId" uploadText="Select File" fileNameVisible="false"
                                             maxFileSize="1000000"
                                             classNames="uploadHover"/>

while uploading file we getting the following error on browser console

generated-flow-imports-528b2e8a.js:12206 POST https://localhost:8080/sample-file-upload/VAADIN/dynamic/resource/0/d403e3ca-88f2-43e7-9cf9-3cf693b82948/upload 500 (Internal Server Error)

Anything on the server log? That browser error just says there was an internal server error handling the upload.

At server end nothing any thing printing in logs file. This issue is getting while selecting the file. This issue is getting on those PDF file. for e.g. I have multiple images and this all images adding create single pdf. and try to upload we getting this issue.

Is there something on the network tab of the browser developer toos?

it showing same 500 internal server error in network tab too.

Then you can be confident it’s not a browser issue, at least. I can think of three options:

  1. something on the network level, such as a firewall, is blocking the request (although http 500 would be a weird error code to return)
  2. something on the server, but not in your application code, is not handling the request correctly and failing but not logging anything. Could be a security configuration or something like that.
  3. something in your application code on the server that’s handling the upload is failing, but in a way that’s not logging anything