html - HTML 输入类型文件在 chrome 中不显示文件名

Question

我正在使用 ajqueryui dialog来显示一个模式窗口，该窗口具有一个带有文件类型输入标签的表单。

在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)">