使用JavaScript获取所选文件的名称

这是小提琴。我有一个项目，我正在制作不可样式化的表单元素，现在我正在制作一个文件输入。你可以在问题的底部找到源代码。我使用了

opacity:0，并在其上放置一个
。
span
中的额外空间用于指定所选文件的名称，但我正在尝试使用JavaScript或jQuery来检索文件名

HTML:

JS/jQuery：

none yet

使用jQuery，可以将文件输入的onchange事件绑定到函数，并在该函数中提取文件名

这是您的html，带有一些用于简单jquery访问的id：

<span id="fileText"><input type='file' id="file">Choose File</span>

基本上，此函数将从输入中提取文件名（this.value），然后选择最后一个斜杠（directory）后的文本

split（）调用使用regexp以正斜杠或反斜杠将文本拆分为数组（我不确定它是否是正斜杠，但为了安全起见）。如果您只想在反斜杠处拆分它，则不必使用正则表达式，只需调用split（\）。pop（）返回数组中的最后一项

然后，我们将此新文本附加到跨度的末尾。
这些网站可能会帮助您：和
none yet

<span id="fileText"><input type='file' id="file">Choose File</span>

$("#file").on("change", function()
{
    var value = this.value.split(/[\/\\]/).pop();
    $("#fileText").append(value);
});