Question

I am using a jqueryui dialog to display a modal window which has a form with input tag of type file.

In chrome, when a file is selected, the file name is not displayed. When I hover over the browse button the name of the file is displayed but otherwise nothing. It works fine with firefox. Following is the screenshot of the issue.

I wanna know what should I do to display the name by the side of the choose button.

Answer 1

I had this issue as well. To deal with it I added a field next to the browse button and then added the text on change like this:

   $("#fileUpload").change(function (e) {
        var path = this.value;
        this.form.field.value = "..." + path.substring(11, path.length);
   });

the substring was added as it was adding \fakepath\ to the start of the path name.