Re-uploading a file with AJAX after it was changed causes net::ERR_UPLOAD_FILE_CHANGED in Chrome

Question

I have a simple HTML form that sends an selected file via AJAX to an API endpoint.

If I do the following steps:

1. Press the Upload button and make an POST r

Answer 1

$("#id_of_your_file_input").click(function(){
 $("#id_of_your_file_input").val('');
});

Just add the above jQuery script to handle this browser exception. What it does is clearing the file input every time someone clicks on it, so that it will remove the current selection.