How to change no file chosen to a filename in Bootstrap using jQuery.?

Question

I am trying to set no file chosen in upload file to a filename . How to set no file chosen to a file name. What I have tried is:

<input class="form-control" id="imgInp" type="file" accept=".png,.jpg,.jpeg" name="img" required>

On load of a form , I am trying to set value of no file chosen to a filename

$('#imgInp').val('abcd.jpg');

How to change no file chosen in file input?

This stackoverflow post can assist you with your problem: https://stackoverflow.com/questions/16001586/change-the-no-file-chosen — Shahzaib, Jun 29 '22 at 12:04
Im confused, the input isn't working or you just want to change the default text? — Wayne, Jun 29 '22 at 12:39

score 0 · Answer 1 · answered Jun 29 '22 at 16:04

0

Easy Solution:

Add placeholder

<input class="form-control" id="imgInp" placeholder="no file chosen" type="file" accept=".png,.jpg,.jpeg" name="img" required>

answered Jun 29 '22 at 16:04

Wayne