HTML输入类型文件不显示chrome中的文件名

Question

我正在使用jqueryui dialog来显示一个模态窗口，其中包含一个带有file类型输入标签的表单。

在chrome中，选择文件时，file name is not displayed。当我hover超过浏览按钮时，会显示文件的名称，但不显示任何内容。它适用于Firefox。以下是该问题的屏幕截图。

我想知道如何在选择按钮旁边显示名称。

Answer 1

我也有这个问题。为了解决这个问题，我在浏览按钮旁边添加了一个字段，然后在变化中添加了这样的文字：

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

添加了子字符串，因为它将\ fakepath \添加到路径名的开头。

Answer 2

这很有效。

 <input type="file" class="button" id="fileupload" value="Upload file"  multiple onChange="handleFiles(this.files)">