How to get upload file name using upload field "name" attribute in jquery

Question

How do I get upload file name after click the submit button. Below in the file upload field.

<input class="required-field" type="file" value="" name="cover_image">

I've tried with below but it not get the value.

var filename = $("[name='cover_image']", form).val();

Here I don't have ID fro the input filed but is it possible to get upload file name?

I use form for get the value in filed. ex: for get text field value I've used var magcode = jQuery("[name='magcode']", form).val(); — Miuranga
– Miuranga, Commented Jun 25, 2014 at 7:45
This question has been answered before: stackoverflow.com/questions/6365858/… — Khalid T.
– Khalid T., Commented Jun 25, 2014 at 7:47
@miuranga your form is a variable, we don't know what its value is. — billyonecan
– billyonecan, Commented Jun 25, 2014 at 7:49

Milind Anantwar · Accepted Answer · 2014-06-25 07:42:13Z

1

You will get the full path using .val() for getting filename you can use:

 $('[name="cover_image"].required-field').val().split('\\').pop();

answered Jun 25, 2014 at 7:42

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jai · Accepted Answer · 2014-06-25 07:44:21Z

1

Try this instead:

var filename = $("[name='cover_image']", 'form').val();

or one suggestion is to use form's id here:

var filename = $("[name='cover_image']", "formID").val();

or you can try this too:

var form = $('YourForm');
var filename = form.find("[name='cover_image']").val();

you can use form because this is the jQuery object and you can find the specific element in it.

answered Jun 25, 2014 at 7:44

Jai

74.8k12 gold badges77 silver badges104 bronze badges

You don't need to wrap form in $() as it's already a jQuery object.