jQuery：如何从文件上传控件获取文件名？答案

【问题标题】：jQuery: how to get file name from fileupload control?jQuery：如何从文件上传控件获取文件名？
【发布时间】：2011-09-21 22:09:26
【问题描述】：

我想要实现的是通过单击“附加文件”，将打开一个文件浏览器让用户选择一个文件。我使用jQuery设置“附加文件”的onclick功能，并将fileuload控件的不透明度设置为0。所以它就像display：none。但我不知道如何获取用户从文件上传控件中选择的文件。甚至不知道在这个过程中应该捕获什么事件。我想将文件保存在隐藏的 div 中，以便在后端代码中使用它。有什么方法吗？

更新：好的，我认为最好更清楚地描述我的问题。也就是说，当您在浏览器窗口中单击打开按钮时，如何获取选定的文件名？如果在后端，它就像

一样简单

string fileName=FileUpload1.PostedFile.FileName;

我想使用 jQuery 在客户端获取文件名。由于我将使用相同的 fileUpload 控件来选择多个文件，因此我需要在浏览器窗口关闭时将文件名添加到隐藏的 div 中。有什么想法吗？

【问题讨论】：

为什么不直接使用 asp.net 提供的内置功能来完成此任务？
如果你有 id:var element = document.getElementById('fUpload'); 那么你可以得到值 no?
@JonH：我需要在每次选择文件时获取值，因为我会多次使用此控件。

标签： jquery asp.net

【解决方案1】：

文件上传控件呈现为文件类型的 INPUT。如果您在更改后检索它的值，它将保存文件的名称。

【讨论】：

【解决方案2】：

正如我在我的 cmets 中所说，如果你有 ID，你就会拥有价值。

在您的表单上放置一个文件上传控件，然后放置一个 asp.net 按钮或任何按钮。

那么问题来了：

$(document).ready(function () {  

            $("#btnUpload").click(function () {  

                var FileUpload = $("#MyFileUploadControl").val();  
   ... }
 }

【讨论】：