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, Jun 25 at 7:45
This question has been answered before: stackoverflow.com/questions/6365858/… — Khalid T., Jun 25 at 7:47
@miuranga your form is a variable, we don't know what its value is. — billyonecan, Jun 25 at 7:49

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

up vote 1 down vote accepted

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 at 7:42

Milind Anantwar
19.2k4938

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

up vote 1 down vote

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 at 7:44

Jai
22.1k41738

1

You don't need to wrap form in $() as it's already a jQuery object. – Matt Ellen Jun 25 at 7:45

yeah! thats right but for a readable sake i just did it. – Jai Jun 25 at 7:46

2 Answers