Input file type as read-only

Question

I am trying to set as read-only an input file type when clicking on Ubmit, but the way below did not work. Any suggestions?

<script>
$(document).ready(function() {
    $("#salvar").on('click', function() {
       $('#arquivo').prop('readonly', true);
    });
});
</script>

Answer 1

Change the property readonly for disabled.

<script>
$(document).ready(function() {
    $("#salvar").on('click', function() {
       $('#arquivo').prop('disabled', true);
    });
});
</script>

https://jsfiddle.net/51emkmg2/

Answer 2

To disable an input-file use the property disabled

Example in Javascript

document.getElementById("myFile").disabled = true;

Example with jQuery

$('myFile').prop('disabled', true);