jquery - 从文件上传窗口读取文件名到文本框

Question

在我的 asp.net 应用程序中，我使用了Textbox,button和hidden fileupload control.
当使用 jquery 单击按钮时，我得到fileupload window如下信息，

protected void btn_browse_Click(object sender, EventArgs e)
{
    StringBuilder strScript = new StringBuilder();
    strScript.Append("$(document).ready(function(){");
    strScript.Append("$('#FileUpload1').click();");
    strScript.Append("});");
    Page.ClientScript.RegisterStartupScript(this.GetType(), "Script", strScript.ToString(), true);
    txt_fileName.Text=FileUpload1.FileName;
}

我的问题是我无法将选定的文件名显示fileupload到textbox.
文件名未显示在textbox

任何建议。

Answer 1

在服务器端，您可以这样做：

string filename = Path.GetFileName(fID.PostedFile.FileName);
fID.SaveAs(Server.MapPath("Files/"+filename));
string fpath = "Files/"+filename;

和jQuery：

$(document).ready(function () {  
   $("#btnFileUpload").click(function () {  
        var FUpload = $("#FileUploadControl").val();  
    }
 } 

对于 JavaScript：

<script type="text/javascript">
function getFileName() {
var varfile = document.getElementById("FileUploadControl");
document.getElementById("filename").value = varfile.value;
}
</script>

FileUpload 控制将是：

<asp:FileUpload ID="FileUploadControl" runat="server" onchange="getFileName()"