Single Page Application - filling form & upload image

Requirements :

Single Page Application

frontend: vue.js (for exp...)

backend: laravel (for exp..)

example form contains:

• first_name
• last_name
• image

Can somebody help me to understand what is the best way to fill the form with many fields and image field and post data to server ?

The most used scenario is that the submitting form & upload image process are separate requests.

When user Choose Image, it is uploaded immediately on server, stored on some path on server and server return id for this image. When submit form, user submit all other fields(first & last name) including image_id.

But what happens if user first upload image (image will be stored on server and recorded in db) and then decide to close browser ? How to delete stored image from server ?

Thanks...

via Chebli Mohamed